Top margin and menu text color

michaeloja · Member · Mar 8, 2013 at 3:53 pm
Copy link

Add topic to favorites
Hello,

Total WordPress newbie here. I’ve purchased the customize option and am using the “Able” theme.

I am trying to remove the top margin from the blog, but haven’t found in CSS where to do this yet. I have been able to find in CSS where to change the color of the menu I am using (it’s now charcoal gray) but I haven’t been able to find the corresponding change I need to make to the color of the menu text…so my text is almost lost in the menu. I want to make the menu text light gray, and upon hovering, change the menu text to white.

Any help would be greatly appreciated!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Mar 8, 2013 at 7:35 pm
Copy link
Add this to the end of your custom CSS and it will take the bulk of the top margin away for you. I think it looks better with a bit of margin so the background shows.
```
#site-introduction {
    display: none;
}
```
If you want to get rid of all the top margin, then add this as well.
```
#page {
padding-top: 0;
}
```
michaeloja · Member · Mar 8, 2013 at 7:42 pm
Copy link
Great, thanks very much for the help on the margins!
michaeloja · Member · Mar 8, 2013 at 7:50 pm
Copy link
Can anyone give me a hand on the menu background and text colors? I’ve switched back to Able’s default background menu gray color because I don’t know how to change the text color yet.
thesacredpath · Member · Mar 8, 2013 at 9:37 pm
Copy link
Add this to change the text colors on the menu.
```
.site-navigation a {
    color: #323232;
}

.site-navigation a:hover {
    color: #DA1A01;
}
```
For the menu bar itself, you’ve already got the code in your custom CSS under .main-navigation, .menu-toggle. What exactly do you want to do with the color?
michaeloja · Member · Mar 8, 2013 at 10:02 pm
Copy link
I had changed the menu bar from the Able-default gray to a darker charcoal, but then the text color was too-close to the dark charcoal of the menu, so the text blended in with the menu color. I found how to change the menu color with trial and error on the CSS, but I wasn’t as fortunate with the text color. I’m just not very experienced at reading the stylesheets, so it was getting to be very tedious for me and I thought, someone much brighter than me in the forums would be able to answer my questions in half the time.

Thanks very much for helping me out!
thesacredpath · Member · Mar 8, 2013 at 11:10 pm
Copy link
If you add the code I gave you right above your last post here, and then edit the color codes, you can change the text color for the menus.
michaeloja · Member · Mar 9, 2013 at 4:27 pm
Copy link
Yep, that’s exactly what I needed. I was able to change the text colors to what I was looking for. Thanks again!
thesacredpath · Member · Mar 9, 2013 at 4:51 pm
Copy link
You are welcome.

No items found.