Button size

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

Thanks for the help

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