Top margin and menu text color

  • Author
    Posts
  • #1176428

    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.

    #1176593

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

    michaeloja
    Member

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

    #1176603

    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.

    #1176648

    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?

    #1176662

    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!

    #1176684

    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.

    #1176697

    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!

    #1176698

    You are welcome.

The topic ‘Top margin and menu text color’ is closed to new replies.