neurobonkers 0 Report post Posted June 13, 2012 Hi, I've seen a couple of posts covering this issue but haven't been able to get a solution to work. I'm trying to remove the strip of blank space below my banner. I've tried adding the following to CSS rule to no avail: #branding .content-pad{padding-top:0px;} and I've had no luck with this solution: http://www.pagelines.com/forum/discussion/19953/stumped-what-is-this-grey-box-above-my-blog-post#Item_3 - my menu Can anyone help me? Thanks http://neurobonkers.com Share this post Link to post Share on other sites
Dominik+ 1 Report post Posted June 13, 2012 try .header { margin-bottom: -40px;} Share this post Link to post Share on other sites
neurobonkers 0 Report post Posted June 13, 2012 Thanks, No joy unfortunately, I've taken a screenshot of what I did just in case I'm just not getting this: Share this post Link to post Share on other sites
Jenny 33 Report post Posted June 13, 2012 I am guessing that .header is not the right selector. You actually had it right the first time with the #branding .content-pad, you probably just need to add !important to your code like this: #branding .content-pad {padding-top:0px !important;} Keep in mind we can't design your site for you so if you need CSS help, make sure you've downloaded Firebug for Firefox and check out W3 Schools for more info. Also please be sure to watch our Firebug video tutorial here. Common CSS Tweaks http://www.pagelines.com/forum/discussion/15956/pagelines-framework-2.0-css-tweaks.#Item_1 http://www.pagelines.com/forum/discussion/16222/common-questions-and-customizations#Item_2 ♥ Jenny :: Web designer at Simple Mama (follow me at @simplemamacom) Check out Share Me, a social sharing add-on for DMS that is super simple to set up. Share this post Link to post Share on other sites
neurobonkers 0 Report post Posted June 14, 2012 Still no luck, from what I understand from reading around CSS, watching the tutorial and looking at Firebug, the suggestion above should do the trick, I just can't tell what I'm doing wrong here. Share this post Link to post Share on other sites
catrina 103 Report post Posted June 14, 2012 Can you please post all of the custom CSS code you have? Please read the docs before posting. Please do not private message me unless I ask you to. Designer | Catrina Dulay Founder | Catrina and Mouse Share this post Link to post Share on other sites
neurobonkers 0 Report post Posted June 14, 2012 Hi Catrina, Thanks for getting back to me. I never actually ever added any, I've not needed to before. The only thing in my CSS rules box is: body{} Share this post Link to post Share on other sites
Rob 547 Report post Posted June 14, 2012 In your Custom Code, right below the body tag you cited above on a new line add: .fixed_width #branding .content-pad { padding: 20px 15px 0; } .one-sidebar-right #column-main .mcolumn-pad, .one-sidebar-right #container #content, .two-sidebar-right #column-main .mcolumn-pad, .two-sidebar-right #container #content { padding: 0.2em 30px 0 15px; } .scolumn-pad { padding: 0.5em 0.7em; } These three CSS elements will move your content area up and trim the padding of your branding banner. Former PageLines Moderator, Food Expert and Raconteur Share this post Link to post Share on other sites
neurobonkers 0 Report post Posted June 14, 2012 Thanks Rangelone, that's absolutely perfect, great job! :-) Share this post Link to post Share on other sites
pixelkoi 2 Report post Posted August 14, 2012 Hi guys, I'm trying to do the same thing, but it still doesnt work for me any ideas? http://www.drkleinhealthline.com/ Share this post Link to post Share on other sites
pixelkoi 2 Report post Posted August 14, 2012 Never-mind, I kept on trying different codes and finally got this one to work instead #branding .content-pad { padding: 25px 0px 25px 0px; } #primary-nav { margin-top: -57px; } #nav_row.main_nav, ul.sf-menu ul li { border-bottom: none; } Share this post Link to post Share on other sites