Jump to content


Photo

Removing Blank Space


  • Please log in to reply
10 replies to this topic

#1 neurobonkers

neurobonkers

    Member

  • Members
  • PipPip
  • 25 posts

Posted 13 June 2012 - 01:24 PM

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...log-post#Item_3 - my menu Can anyone help me? Thanks http://neurobonkers.com

#2 Dominik

Dominik

    Advanced Member

  • Members

  • 42 posts
  • LocationGermany
  • Framework Version:DMS 1.1.8
  • Country: Country Flag

Posted 13 June 2012 - 02:16 PM

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

#3 neurobonkers

neurobonkers

    Member

  • Members
  • PipPip
  • 25 posts

Posted 13 June 2012 - 03:44 PM

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

#4 Jenny

Jenny

    Owned by PageLines

  • Unicorn Store Dev

  • 2920 posts
  • LocationWV
  • Country: Country Flag

Posted 13 June 2012 - 04:39 PM

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...-tweaks.#Item_1

http://www.pagelines...izations#Item_2

#5 neurobonkers

neurobonkers

    Member

  • Members
  • PipPip
  • 25 posts

Posted 14 June 2012 - 12:54 AM

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.

#6 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 14 June 2012 - 02:46 AM

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

#7 neurobonkers

neurobonkers

    Member

  • Members
  • PipPip
  • 25 posts

Posted 14 June 2012 - 03:22 PM

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

#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 14 June 2012 - 08:28 PM

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.

#9 neurobonkers

neurobonkers

    Member

  • Members
  • PipPip
  • 25 posts

Posted 14 June 2012 - 08:56 PM

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

#10 pixelkoi

pixelkoi

    Member

  • Members

  • 14 posts
  • Country: Country Flag

Posted 14 August 2012 - 06:30 AM

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

#11 pixelkoi

pixelkoi

    Member

  • Members

  • 14 posts
  • Country: Country Flag

Posted 14 August 2012 - 06:58 AM

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