5 replies to this topic

[aerta]

Hi ,

I'm trying to reduce the padding around my feature slideshow and boxes.

Please Login or Register to see this Hidden Content

I've identified the selector using Firebug, and when I change


.content-pad {
padding: 15;
}

to


.content-pad {
padding: 0;
}

I get exactly what I want in Firefox. However, when I put the new code into the custom code box it it doesn't make any difference.

Any ideas gratefully received!

Thanks,

John

[catrina]

The selector (.content-pad) needs to be more specific. For example, .content-pad is located inside of another DIV (specifically for features) so the CSS would look something like this:

Please Login or Register to see this Hidden Content

You'll find that missing selector in Firebug, as well.

[aerta]

Thanks, Catrina, but can't quite locate the feature selector in Firebug. Have tried

#page div.feature-slider .content-pad {padding: 0px;}

but that don't seem to work. Any further clues gratefully received...

[aerta]

I solved it with this:


#features .content-pad {
padding-bottom: 12px;
padding-right: 0px;
padding-left: 0px;
padding-top: 12px;
}

Thanks!

[catrina]

Awesome.

[catrina]

The topic was marked as resolved.