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
