increase gap at bottom of product listing page before 'new products for' box

[Sushigal]

Hi,

I'd really like to know how to increase the gap between the last product at the bottom of the page on all the products listings page and the 'new products for june...' box.

Thanks

[niccol]

The <div> that hold the product listing is called #productListing.

So, add a style into your stylesheet.css file that says something like:

#productListing{margin-bottom:100px;}

It can go anywhere in the file.

Your stylesheet should be at includes / templates / YOUR TEMPLATE / css /

Nik

[Sushigal]

Thank you so much! That works perfectly


I'm wondering if you may be able to help with this also;

my website is at; http://www.thegreatgiftshop.co.uk/zencart/

It's a question just about the homepage, as you can see ive made the background a very pale yellow/cream colour but there's still white around this ie behind the side boxes and I'd like this white space to be the same cream colour also. But I don't want all of the white space on the homepage to be cream, ie the top bit above the bit thats white with 'home'

I've included an image to show which section I want cream and which to remain white.

[niccol]

Wow I am havign problems seeing that on this laptop. Iblame it on the poor screen and not my ageing eyes!

I have attached a screenshot with some particularly horrible colours. If this demonstrates what you want then this is how to do it:

Firstly add the following styles to the bottom of the stylesheet

#headerWrapper{background-color:yellow;}
#contentMainWrapper{background-color:pink;}

I thought this would do it but somewhere in your stylesheet you have background colors assosciated to #navBreadCrumb and #indexCategories. So, either change those existing rules (you can just delete the background color statement from them ) or add at the bottom of the stylesheet:

#navBreadCrumb{background-color:pink;}
#indexCategories{background-color:pink;}

This will overwrite them. It is messier so it is better to go back and find where you have set the colours for these two divs and either set it to pink or delete the color part of the rule. Actually, you can probably find a better place to put the top two rules too but I was lazy and put them at the bottom.

Obviously I am not suggesting that you keep the pink and yellow!

Nick

[Sushigal]

Thanks, I deleted the background statments for navbreadcrumb and indexcategories and put in the #headerWrapper{background-color:yellow;}
#contentMainWrapper{background-colorink; at the bottom of the stylesheet and thats done it.

Thank you so much!