Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Top margin and menu text color

  1. michaeloja
    Member

    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 blog.vextec.com.

  2. thesacredpath
    Staff

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

  3. michaeloja
    Member

    Great, thanks very much for the help on the margins!

  4. michaeloja
    Member

    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.

  5. thesacredpath
    Staff

    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?

  6. michaeloja
    Member

    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!

  7. thesacredpath
    Staff

    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.

  8. michaeloja
    Member

    Yep, that's exactly what I needed. I was able to change the text colors to what I was looking for. Thanks again!

  9. thesacredpath
    Staff

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags