Please help me remove the padding between my content and my menu

thelalofts · Member · Oct 18, 2013 at 4:55 pm
Copy link

Add topic to favorites
If you view my site you will see a large grey padding or margin between my menu and my content! I upgraded to CSS and I cant find the code to remove this padding. any help would be greatly appreciated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Oct 18, 2013 at 5:01 pm
Copy link
Hi there, add the following CSS to get rid of that gap.
```
.home #primary {
    margin-top: 0;
}
```
BTW, I could sooooo love living in that loft space.
thelalofts · Member · Oct 18, 2013 at 5:05 pm
Copy link
ahh! the code you gave me removed the white margin under the menu but I am trying to remove the large grey margin under the white margin! can you help me with that?

and thank you! We love the space!
thelalofts · Member · Oct 18, 2013 at 5:07 pm
Copy link
I want to bring the content up so that its directly under the menu
thesacredpath · Member · Oct 18, 2013 at 5:09 pm
Copy link
Ah, sorry. Use this instead and you can change the color and/or edit the height as desired.
```
.single header.entry-header, body.page header.entry-header, body.search header.page-header {
    background-color: #333333;
    height: 500px;
}
```
thelalofts · Member · Oct 18, 2013 at 5:12 pm
Copy link
That worked perfectly! thank you!
thesacredpath · Member · Oct 18, 2013 at 5:14 pm
Copy link
You are welcome.
thelalofts · Member · Oct 18, 2013 at 5:24 pm
Copy link
Could you also give me the code to change the header and footer color?
thesacredpath · Member · Oct 18, 2013 at 5:29 pm
Copy link
The goodies for the header are here (I included the text color and the box shadow declarations as well in case you need those):
```
.site-nav {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.9);
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2);
    color: #AAAAAA;
}
```
Footer here:
```
.site-info {
    background: none repeat scroll 0 0 #000000;
}
```
Whatever declarations you do not use, you can delete.
thesacredpath · Member · Oct 18, 2013 at 5:35 pm
Copy link
One suggestion would be to increase the height in .site-nav to about 90px (was 80px) so that their is just a bit of a dark area below the logo. It looks a little funny when I scroll the page up and the logo sort of blends in with the content area.
```
.site-nav {
height: 90px;
}
```
thelalofts · Member · Oct 18, 2013 at 5:42 pm
Copy link
ahh sorry by header I meant menu bar haha. thanks so much!
thesacredpath · Member · Oct 18, 2013 at 5:51 pm
Copy link
You are welcome.
thelalofts · Member · Oct 18, 2013 at 6:10 pm
Copy link
ahh none of those codes had an affect. Im trying to make the menu that the logo is attached to and the black bar at the bottom of the page to white. essentially making the site all white. could you help with that?
thesacredpath · Member · Oct 18, 2013 at 6:23 pm
Copy link
Add the following to turn the top menu area and the footer area white.
```
.site-nav {
    background: #FFFFFF;
    box-shadow: none;
}

.site-info {
background: #FFFFFF;
}
```
thesacredpath · Member · Oct 18, 2013 at 6:24 pm
Copy link
If you also want to get rid of the shadow around the content, add the following.
```
.single .entry-inner, body.page .entry-inner, body.search .entry-wrap {
box-shadow: none;
}
```
thelalofts · Member · Oct 18, 2013 at 6:25 pm
Copy link
the footer area is now white but the menu area was unaffected.
thesacredpath · Member · Oct 18, 2013 at 6:30 pm
Copy link
What I see in your custom CSS is only this:
```
.site-info {
	background: #FFFFFF;
}
```
This is not there, which is what makes the nav background white:
```
.site-nav {
    background: #FFFFFF;
    box-shadow: none;
}
```
thelalofts · Member · Oct 18, 2013 at 6:36 pm
Copy link
that worked great! Can I ask for one last thing? How do I remove the drop shadow from my content?
thesacredpath · Member · Oct 19, 2013 at 1:11 am
Copy link
I gave that just a few up from your question. Here is the code to get rid of the shadow on the content.
```
.single .entry-inner, body.page .entry-inner, body.search .entry-wrap {
box-shadow: none;
}
```

No items found.