Archived topic

Black on Hover for Contact Button Top Nav

1 reply · Started by Ian on April 12, 2022

Viewing posts 1–2 of 2

April 12, 2022 at 5:30 pm #2186924

Hi, just trying to change the colour of the contact button in the top nav. I would like it to change to black on hover and stay black when it lands on the contact page.

April 12, 2022 at 6:12 pm #2186937

Hi Ian,

Here is a CSS you may try adding in Appearance > Customize > Additional CSS:

body:not(.page-id-1551) .main-nav > ul#menu-main > li.menu-item:last-child:hover a {
    color: white;
    background-color: rgba(84, 85, 106, 1);
    border-color: rgba(84, 85, 106, 1);
}

body.page-id-1551 .main-nav > ul#menu-main > li.menu-item:last-child a {
    color: white;
    background-color: rgba(84, 85, 106, 1);
    border-color: rgba(84, 85, 106, 1);
}

Replace the color values to your preference: https://rgbacolorpicker.com/

Kindly let us know how it goes. :)

This archived topic is closed to new replies.

Start building better websites today.