You would have to use css, so first you would give the button an id, like:
[btn text="Do You a Have Question ?" tcolor=#FFF thovercolor=#FFF"link="" target="_self" id="7"]
Then you would add this css in your theme options > advanced settings:
#kadbtn7 {
font-size: 30px;
padding: 20px 30px;
}
Kadence Themes
how do you change the button color , hover color, and hover opacity for a single button like the above id=”7″ and leave the rest to be based on the theme overall color scheme?
this is what i have done
#kadbtn7 {
font-size: 15px;
padding: 5px 5px;
border-radius: 4px;
width: 160px;
height: 25px;
line-height: 15px;
}
#kadbtn7:hover {
background: #ffaf78;!important;
}
the color doest change correctly in the hover, yet i see that if i do this
#kadbtn7 {
font-size: 15px;
padding: 5px 5px;
border-radius: 4px;
width: 160px;
height: 25px;
line-height: 15px;
background: #ffaf78;!important;
}
then the hover color works but only at the 70% opacity setting as per the theme settings.
so i guess i need the primary background colour setting, and how to change the opacity.
thanks
dlanebc83, Please don’t post a in resolved topic. You question can easily be missed.
can you post a link to the page where you have this button?
If your using a shortcode you can set the color of the button and the hover color right in the shortcode options.
Kadence Themes