Contact Us "Send E-mail" button color

If you’re using a Child Theme or Custom CSS plugin you can add in this with the appropriate colour code(s):

.kad-btn {
    background: #77e7e3;
}
.kad-btn:hover {
    background: #000;
}

The first tidbit of css will change the colour for it’s normal state and the :hover will change the colour it turns when you mouse over it ??

Oops, almost forgot, if it’s *only* that button that you’d like to change you can add the page’s class in there so it would be .page-id-104 .kad-btn {} instead.

Hey zsuleiman, you can paste the above code in your custom css box in theme options > advanced settings.

Hannah

Hey Guys,

Thanks for taking the time to help. So would the final code look like this?

.page-id-104 .kad-btn {}
background: #9ad6d6;
}
.kad-btn:hover {
background: #000;
}

Regards

This for the background:

.page-id-104 .kad-btn {
background: #77e7e3;
}

And this for the background hover:

.page-id-104 .kad-btn:hover {
background: #000;
}

Hannah