SOLVED: Padding / space around product elements

Can anyone explain please how to increase the space around elements of the product display? I'm not sure if I need to do this in Hikashop CSS or my template.

Here are a couple of screenshots to show what I mean. For example, there is no space between the radio button and label of the custom field. The custom fields Name 1 and Name 2 are too close together. The add to cart button is too close to the custom fields so I'd like to move it down a bit.

Hi there,

You simply need to add some css in the Hikashop front end css file (System>Display).
You can use Firebug any other browser option to look at the code and seek the element you want to customize.
In this case you'll probably want to add something like that:

#hikashop_product_custom_item_value_XXX{
margin-bottom:5px;
}

where XXX is the id of the custom field.

Hmm, I can't find that code in my Hikashop front end css (which is now custom not default). I've gone to Hikashop/Configuration/System/Display and clicked on edit icon of front end CSS. Is that the right place please?

Sorry, I misunderstood, however it still doesn't work adding that code. I've contacted my template provider to ask if it's a template thing.

I have now fixed this by adding margins around the different elements (such as radio button, text input box etc) in my template's main CSS file.