• Hello,

    I’m currently working on my website https://www.zfcimmg.com and I was hoping for some help. What I want to do is change the colour of the primary menu of the top. i want the font to be changed to red and the actual menu bar to be changed to black. Would this be possible??

    Thanks for the help!

Viewing 4 replies - 1 through 4 (of 4 total)
  • I haven’t looked at this theme but you should check to see if the setting exist in the customizer. If not you can use the following css rules to change it.

    .menu-primary {
        background: black;
    }
    
    ul#menu-primary-menu li a{
    color:red
    }

    @mrtom414: Thank you for your help!

    @zohfarcanada: The CSS provided can be added to Jetpack’s custom CSS editor or the style.css file of your child theme.

    You can change the values of “black” or “red” to any HEX code of your choice. If you’d like to experiment with different colours, try a few Google searches to get a list of HEX codes and their corresponding values.

    Here’s an example of a site that I’ve used before:

    https://www.color-hex.com/

    Hope that’s helpful. ??

    I hope this is related enough.

    I would like to change the color of ONE of my menu items. Specifically the menu item called “Secure Bill Pay” to hex color: AF2D37. Not sure what the code would be for that.

    Here is my site: https://c7f.82f.myftpupload.com/

    Thanks in advance for your help!

    If you right-click that menu element with a browser inspector, you’ll find its unique class that you can then target with custom CSS:

    .menu-item-222 a:link {
      color: #AF2D37;
    }

    If you need further help, please start a new thread instead of posting again here. Thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Changing the Colour of the Primary Menu’ is closed to new replies.