Change font color in menu

  • Resolved ericaobriencake

    (@ericaobriencake)


    9 years, 3 months ago

    I would like to change the font color of my menu items and can’t for the life of me figure out how.

    My blog is: https://ericaobrien.com/blog/

    And I am referring to the menu at the top (HOME PROCESS GALLERY etc.)

    I plan to eliminate the green border around each menu item and change the font from white to gray.

    Any help would be greatly appreciated!

Viewing 9 replies - 1 through 9 (of 9 total)
  • pinokio

    (@lapanwebsite)

    ul#nav li a {
    color: red !important;
    }

    ul#nav li a {
    color: #FFFFFF !important;
    text-transform: uppercase;
    background: white;
    border-right: none;
    text-align: center;
    width: 4.7rem;
    font-family: “Raleway”;
    display: inline-block;
    }

    Thread Starter ericaobriencake

    (@ericaobriencake)

    Thanks so much. Perhaps I’m putting it in the wrong place, but I’m still not able to change the font color. It does change the background color of the menu to white, but the font is still what so it can’t be read. Any other ideas?

    Thanks again!

    Hi Erica,

    I think the problem here is that the color: #ffffff !important; code is being output in the <head> section of your pages, where as the background: #a7d3bc; code is located in the style.css file of your child theme.

    All CSS code that is located in the <head> will take precedence over code in style.css. That’s why your background color is changing, but not the actual font color.

    Typically, CSS is inserted into the <head> section via a custom CSS plugin. Do you have one of those installed? Often times, you can check under the Appearance menu and look for “Edit CSS.” It’s also possible that your CleanSale parent theme has a custom CSS option in an admin panel of settings somewhere.

    We need to find out how that custom CSS is being inserted (screenshot).

    Thread Starter ericaobriencake

    (@ericaobriencake)

    Wow. I’m really impressed Dave! Okay. I’ll do some research and see what I can figure out and report back. Thank you so much!

    Thread Starter ericaobriencake

    (@ericaobriencake)

    Hi Dave,

    I’m hoping this screen shot is what we’re looking for. It shows what I found for menu in the header section.

    Thanks again so very much.

    pinokio

    (@lapanwebsite)

    It comes out from this code

    `<style>body{font-family: Inconsolata !important; }
    ul#nav li a{color: #ffffff !important; }
    .post-title, .post-title a{color: #999494 !important; font-family: Josefin Sans !important; }
    p, .copy{color: #999494 !important; font-size: 15px !important; }
    .widgettitle, .widgettitle a, .section-title, .section-title a{color: #999494 !important; }
    .footer-three-column .column h4, .footer-three-column .column h4 a{color: #999494 !important; }
    </style><style type=”text/css” id=”custom-background-css”>
    body.custom-background { background-color: #ffffff; }
    </style>`

    I can do it for you, if you have hard time dealing with codes.
    If you want I will leave you my email in contact form on your site.

    Erica, sorry, but that’s not the code we’re looking for.

    Try going to Theme Options in the left-hand navigation. Then look for something that says “Custom Styling” or “Custom CSS.” And I’m hoping you’ll find the code in there that is turning your nav links white. From there, we’ll be able to change it.

    Thread Starter ericaobriencake

    (@ericaobriencake)

    Yes Dave! I found it! Resolved! Thank you SO SO much!

    Woohoo! Now go eat a giant slice of cake ??

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Change font color in menu’ is closed to new replies.