Color for menu, font and footer

  • Hi,

    Is there a way that I can change the menu font and background color, as well as the footer background color?

    I’ve been going through the customize menu, top to bottom, but I couldn’t find anything that controls it

Viewing 2 replies - 1 through 2 (of 2 total)

  • If the theme doesn’t provide an option for it, you have to add your own CSS in Additional CSS.
    It’s best to ask in the theme’s support forum, since the menu is the trickiest part of the CSS for a theme.

    You will need to:

    1. learn how to write your own CSS, and
    2. learn how to use your browser’s inspection tool, like Chrome DevTools.

    It also helps if you know something about CSS specificity so you can write rules which override existing ones.

    For example, if you learned how to use DevTools, then you would see that the footer background color currently has a value of rgba(7,15,20,0.98) (not quite black, but close), and the rule affects the background color has a selector that includes the class site-footer, so all you would need to do to change the background of the footer is to add a rule to your custom CSS (Appearance → Customize → Additional CSS) like this:

    
.site-footer {
   background-color: rgba(0, 200, 255, 1);
}

    This sets the background color to a turquoise color that sort of matches the background of that featured image.

    The menu takes its background color from the sidebar, but it’s not hard to write a custom rule that changes just the menu background color. Let us know what colors and font styles you really want and we’ll see if we can come up with a few rules.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Color for menu, font and footer’ is closed to new replies.