Ask your WordPress questions! Pay money and get answers fast! (more info)

Get rid of gap

  • SOLVED

Can someone tell me how to get rid of the gap underneath the menu bar? I want the content to line up right underneath of it.

http://www.planningtomorrow.com/


Is there a better tool than Firebug?
Thanks!

Answers (6)

2012-07-16

Michael Caputo answers:

in your css:

#page-container{margin-top:0;}


ohlivia13 comments:

That didn't work.


Michael Caputo comments:

Try:

.pageCont{top:-34px;}

2012-07-16

Hai Bui answers:

It's because of this style:
.pageCont {
margin-top: 75px !important;
}


try reducing the margin to 40px


Hai Bui comments:

I'm not sure what file inserting css rule but it's in the html code, if you don't know either, put this in any css file:
#page-container {
margin-top: 40px !important;
}


ohlivia13 comments:

That didn't work either!


Hai Bui comments:

Where do you insert that style?

2012-07-16

Martin Pham answers:

find on theme or plugin

<style type="text/css" scoped="scoped">
.pageCont { margin-top: 75px !important;}
</style>

Change to

<style type="text/css" scoped="scoped">
.pageCont { margin-top: 41px !important;}
</style>


Martin Pham comments:

OR
Open style.css insert into

body .pageCont { margin-top: 41px;}

2012-07-16

Sabby Sam answers:

Hi
Use this

#content-container
{

padding:0;
}

if still this doesn't work then use this

#content-container
{

padding:0px !important;
}


Sabby Sam comments:

#content-container
{

padding:0;
margin:0;
}

if still this doesn't work then use this

#content-container
{

padding:0px !important;
margin:0px !important;
}

2012-07-16

Jatin Soni answers:

Find below code in your style.css

.pageCont{
margin-top: 75px !important;
}


Than change margin-top value whatever you want.

If that doesn't work than do following things

Okay than do one thing

Open your template file where you will find below div

<div class="pageCont" id="page-container">

First find in header.php if not than you may have to go through template files like single.php, page.php etc.

Than remove class="pageCont" so code will be as below

<div id="page-container">

Now if you want to assign any gap than create new class in your style.css and assign to that div and set margin whatever you want.

Because


ohlivia13 comments:

When I changed this in the Custom CSS box, it wouldn't work.

I found it in one of the theme files and changed it there, and now we are all good!

Thanks so much to all of you for your troubleshooting!

2012-07-16

Daniel Yoen answers:

you can try to add .pageCont {margin-top: 41px !important;} at the bottom/last line of style.css file

hope this help