Increase vertical space between products?

[cybersky]

Could use some help with a template file :-)

On this page - http://www.homediaperdelivery.com/index.php?page=shop.browse&category_id=15&vmcchk=1&option=com_virtuemart&Itemid=64

It's confusing to the user which Add to Cart button to use, since they're so close to the next product in the list.  Does anyone know how I can increase the space between each product so it's easier to tell which product the user is adding to their cart?

Basically, I just want to add 10 or 15 pixels between each product.

Thanks,
Bill

[rb]

Using a tool such as Firebug, you can inspect any element on your page, find the CSS styling associated with it and dynamically modify it to see the results.

Using Firebug, I found one way to modify your output.  In your theme.css file, add something like this:

Code: [Select]

#product_list div.browseProductContainer {
    padding-bottom:60px;
}

[cybersky]

Hi rb, thanks for the suggestion.  I ended up just seperating each product with a horizontal line and it looks a lot better to me now :-)

[Template Designer]

Do you mean you wish to add space between products like this template 29907

[solarangellis]

i kinda have the same problem , i wanna increase the spacing between the <div=".browseProductContainer">  and the next one ,
anyone have any idea where to search or what to add or where in order to do so ?

i just need just some max 10 pixels apart .


this is the link


http://www.mefastliquidation.com/cms/template.html?page=shop.browse&category_id=10

[jenkinhill]

Use Firebug. http://forum.virtuemart.net/index.php?topic=73348.0