Resolved content padding

[aerta 5]

Hi ,

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

http://pianoschool.org.uk/

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 103]

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:

#page div.FEATURESLIDERSELECTORHERE .content-pad {padding: 0px;}[/CODE]

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

[aerta 5]

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 5]

I solved it with this:

#features .content-pad {

padding-bottom: 12px;

padding-right: 0px;

padding-left: 0px;

padding-top: 12px;

}

Thanks!

[catrina 103]

Awesome.

[catrina 103]

The topic was marked as resolved.