CSS - how to reduce white space below Features slider

[barracuda150965 0]

Hi, I'm trying to reduce the amount of white space below the features slider through custom CSS. I've managed to do it in the sidebar, but nothing I do to the main content section (blog homepage) makes any difference. Ideally I'd like to do it for a client meeting first thing tomorrow morning! Thanks, David

[darthninja 0]

You could try the

.mcolumn-pad

style Something like

.mcolumn-pad { padding-top: 0.5em; }

Place this in the Custom Code -> Custom CSS section **Note: this will adjust the padding across the whole site

[ocalaweb 0]

Install IE Developer Tools, FireFox Firebug, or use Google Chrome to view the areas in question. This will help you pinpoint the css needed to reduce padding in certain areas...

[barracuda150965 0]

@Darryl, That sounds like it should work but it makes no difference (at least not in Firefox). I can change the sidebar by using { padding-top: 0.5em; }, but the same doesn't work for .mcolumn-pad for some reason. @Alina - I've pinpointed the area, but can't get the result I'm expecting. David

[cmunns 16]

then be more specific with the CSS to ensure it takes precedence. Add `body` to the front e.g. `body .mcolumn-pad {}`

[barracuda150965 0]

Thanks Adam, but that makes no change.

[catrina 103]

Add this to your base.css file:

#pagelines_content {margin-top: -20px;}

[barracuda150965 0]

Thanks Catrina, I'd come to a similar solution.

[barracuda150965 0]

Sorry, duplicate post!