Removing Blank Space

[neurobonkers 0]

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

[Dominik+ 1]

try .header { margin-bottom: -40px;}

[neurobonkers 0]

Thanks, No joy unfortunately, I've taken a screenshot of what I did just in case I'm just not getting this:

[Jenny 33]

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

[neurobonkers 0]

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.

[catrina 103]

Can you please post all of the custom CSS code you have?

[neurobonkers 0]

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{}

[Rob 547]

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.

[neurobonkers 0]

Thanks Rangelone, that's absolutely perfect, great job! :-)

[pixelkoi 2]

Hi guys, I'm trying to do the same thing, but it still doesnt work for me any ideas? http://www.drkleinhealthline.com/

[pixelkoi 2]

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; }