Need help? Check out our Support site, then


Top margin and menu text color

  1. 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. 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. Great, thanks very much for the help on the margins!

  4. 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. 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. 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. 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. Yep, that's exactly what I needed. I was able to change the text colors to what I was looking for. Thanks again!

  9. You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic