Change default colours on main menu

  • Unknown's avatar
    lucyrebecca18 · Member ·

    I have just installed the ‘suits’ theme for my website lovelucyrebecca.com and would like some help changing the default colours on the main menu. Firstly, there is a translucent black set as the hover colour which I would like to remove so there is no hover colour at all (basically I would like to keep it the same as the pink colour underneath). Secondly, when you hover over the drop down menu on ‘blog’, the options appear in a peach coloured box. I would also like to replace this with the same pink colour I have on the main menu above. Neither of these are available to change in the theme’s customisation settings. Any help would be much appreciated. Thank you!

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

  • Unknown's avatar
    thesacredpath · Member ·

    Hi, for the hover color on the menu, add the following to your custom CSS. 

    .nav-menu li:hover>a,.nav-menu li a:hover {
  background-color: #fce3e4;
}

    To get the same light pink on the submenus, add the following. 

    .nav-menu .sub-menu, .nav-menu .children {
  background-color: #fce3e4;
}
  • Unknown's avatar
    climbingyogawoman · Member ·

    Hey @thesacredpath,

    maybe you can help me, too.
    I would love to change the color of the headlines. I need help to create a specific CCS Code for this.

    Thank you in advance,

    Rebekka

  • kathrynwp · Staff ·

    Hi Rebekka – could you please start a new thread and provide a couple of examples of which “headlines” you’d like to change so we can be sure to give you the right CSS to use? You can start a new thread here:

    https://en.forums.wordpress.com/forum/css-customization

    You can also access the live chat support option when available here:

    https://wordpress.com/help/contact

  • The topic ‘Change default colours on main menu’ is closed to new replies.