Tighten up carousel - remove padding

[unconsultancy 0]

Site: http://www.suiton.co.uk/ I want to tighten up and remove some whitespace at the top of my homepage. Have inspected with Firebug and if I edit to: #carousel .thecarousel { display: none; font-size: 10px; overflow: hidden; padding: 3px 67px; position: relative; } It is just about right. But I'm not getting this into the Custom Code > Custom CSS box correctly - can you advise please. On a more general note even having watched your videos about CSS / Firebug I find it a bit hit & miss what works by placing in Custom CSS box (it's me that gets it wrong I'm sure) - any advice? Thanks

[Jenny 33]

Try this: [code]#carousel .content-pad { margin: 0; }[/code] When using Firebug, I generally run through the section until I find a specific CSS selector that will probably work. For yours, I started at header (and noticed the padding was below that) then went to page-main. Then I just kept going further into each section until I found something (at the top of the code) that would affect the margins or padding. Hope that helps!

[unconsultancy 0]

Thanks. In the end I've gone for: #carousel .thecarousel { padding: 3px 67px 2px;} Which appears to be giving me what I want.

[Jenny 33]

That's great! Glad you got it working. :)