Increase spacing between products

Can anyone tell me how to increase the spacing between the products listed here. http://butternutbaby.co.uk/catalog/index.php?main_page=index&cPath=1_10

Also for some reason the text has changed on one of the categories in my sidebox .... can anyone remedy this?

Cheers ma dears.

callansdad:

Can anyone tell me how to increase the spacing between the products listed here. http://butternutbaby.co.uk/catalog/index.php?main_page=index&cPath=1_10

Cal,
Add this class below to your override stylesheet.css

1. .productListing-data {margin: 0em 0em 0em 0em;
   padding: 1em 0em 0em 0em;}

2. play around with the padding as you desire

Enjoy the day,

callansdad:

Also for some reason the text has changed on one of the categories in my sidebox .... can anyone remedy this?

Add the class to the override stylesheet.css

1. a.category-subs,

2. Look in your stylesheet for the below and add the above

3. to these following classes = a.category-products, a.category-products:visited

When finished should look like this.

1. a.category-subs, a.category-products, a.category-products:visited

Enjoy:smile:

For the stray subcategory, you have neglected to style category-subs along with category-products:

a.category-products, a.category-products:visited {display:block; width:160px; height:20px; padding-left:10px; padding-top:10px; font-size:90%; font-weight: bold; color:#000000; background: transparent}

Make it

a.category-products, a.category-products:visited, a.category-subs, a.category-subs:visited {

haredo:

Cal,
Add this class below to your override stylesheet.css

1. .productListing-data {margin: 0em 0em 0em 0em;
   padding: 1em 0em 0em 0em;}

2. play around with the padding as you desire

Enjoy the day,

Thanks for that can i just double check ..... does it matter where in ths stylesheet i add this class?

Sometimes it matters, but this one doesn't really matter. It is good to find other declarations that affect the same area so things can be grouped logically; some people prefer to put all new declarations at the bottom of the file.

Any time two declarations affect the same element, if they are otherwise of equal priority, the second one will override the first. It is good practice to put general-purpose or sitewide styling near the top and specific exceptions below.

Add it to the bottom of the stylesheet.css

I doubled checked to see if the class was already in your sheet it was not.
This is how you manipulate the data on your web site by adding more div id's or classes to your stylesheet.css