Please help me remove the padding between my content and my menu
-
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)
-
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.
-
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!
-
-
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; } -
-
-
-
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.
-
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; } -
-
-
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?
-
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; } -
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; } -
-
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; } -
that worked great! Can I ask for one last thing? How do I remove the drop shadow from my content?
-
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; }
- The topic ‘Please help me remove the padding between my content and my menu’ is closed to new replies.