Menu text colour and weight

  • Unknown's avatar
    ttt2013 · Member ·

    Hello,

    I’m looking to change the colour and font weight of the menu items on the full frame theme. Can you let me know how to do this as well as how to change the colours when you hover over the text please?

    Thanks

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    rachelmcr · Member ·

    Hi there,

    I’m looking to change the colour and font weight of the menu items on the full frame theme.

    You can change the color and font weight of the menu items using this CSS code:

    .main-navigation ul li > a {
     font-size: 0.9em;
     color: #aaa;
}

    The code above has the size and color that is currently being used on your theme. You can adjust the size and color values above to make changes to them. The color above is a hex value — you can use color names or hex values from this list of the X11 colors supported by popular browsers. You can also see a list of basic color keywords on the same page.

    Here is an example of the CSS code for setting a larger font and purple font:

    .main-navigation ul li > a {
font-size: 1em;
color: purple;
}

    how to change the colours when you hover over the text please?

    You can use this code to change the colors when you hover over the text in the menu:

    .main-navigation ul.main-menu > li:hover ul, .main-navigation ul.main-menu > li:hover > a {
color: black;
background: white;
}

    The color value will change the text color and the background value will change the background color when you hover over it (in this case, changing the text to black and the background to white).

    If you have any questions about this, please let me know!

  • The topic ‘Menu text colour and weight’ is closed to new replies.