Change color of 1 button on the menu bar

  • Hi there, newby here

    I was wondering if it’s possible to change the color of 1 button of the menu bar? I’ve got 5 buttons: home, over ons, projecten, contact and doneer, doneer should be the one which I prefer to have a different color.

    Tnx for any help

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Afsana

    (@afsanamultanii)

    This css will help you to change the color for doneer

    This CSS

    #mainnav ul li.menu-item-65 {
    color: #012242;

    you can add your color code here

    }

    If you want to change color on hover, then you should add this below css

    #mainnav ul li.menu-item-65 :hover {
    color: #d65050;
    }

    To add css

    • If your theme has a custom CSS option, use that to add the CSS shown above.

    Learn to use the Chrome Developer Tools to help you see and text changes to your CSS.

    • This reply was modified 7 years, 4 months ago by Afsana.
    • This reply was modified 7 years, 4 months ago by Afsana.

    add below css in your child theme custom css

    #mainnav ul .menu-item-65 a{
    color: green;
}
    Thread Starter fcdeen86

    (@fcdeen86)

    Tnx a lot for the quick response, worked out fine!

    Thought the color green would be nice but it blends in with the background too much, so I turned it to orange, which was fine until the user is scrolling down. An orange menubar is appears then so now the ‘doneer’ button is olmost invisible. Is there any change to change this color when the user has scrolled down?

    • This reply was modified 7 years, 4 months ago by fcdeen86.
Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change color of 1 button on the menu bar’ is closed to new replies.