banner padding

[bokeh 0]

Hi, I've searched the docs and the forum and have tried a few css codes to reduce the padding BETWEEN my banners, and also at the top and the bottom. I've tried the css bit within each banner, too. I can't get anything to work. At the mo I've got this in custom css #banners .banner-area { padding: 0px 0px; } ??“ doesn't work. Can anybody help? My website is : http://www.businessfootprint.net/

[catrina 103]

Try this CSS: [code]section#banners div.banner-area {margin-top: -40px;}[/code]

[bokeh 0]

Thanks Catrina, I used that plus the in banner padding tool, and it is now much better. Thank you. Do you know if I can decrease the padding between the top of the content text and the bottom of the feature. I only want to do this on this first page, as I presume the other pages need space for the h1 titles. Is there a way to select just one page and not the others?

[Danny+ 1,327]

Hi, Can you give this a try please and let me know if it does the job! [code].home #content .content-pad {padding: 0 !important;} .home p, .p {margin: 0 !important;}[/code]

[bokeh 0]

Hi Danny, thanks for your input. That does work, however it seems to decrease the padding for everything, the banners now look quite squished. Any ideas for a tweak? If not, what I may do is decrease the padding over the content top for all pages, as reviewing them again there is quite a lot of space between the h1 and the feature. So, don't worry if you can't find a tweak as above.

[bokeh 0]

Sorry I've had to take the code out, it has scrunched up everything on that page, banner, social icons etc.