Jump to content
Sign in to follow this  
neurobonkers

Removing Blank Space

Recommended Posts

neurobonkers

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

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

Share this post


Link to post
Share on other sites
neurobonkers

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

Share this post


Link to post
Share on other sites
Jenny

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

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
neurobonkers

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

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

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

Share this post


Link to post
Share on other sites
pixelkoi

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×