Tagged: button
For the Icon button option
There’s a subtle button style option that exists that makes the text grey and when hover over it becomes black
See image.
Any way to apply CSS to make the custom color option do the same thing? Instead of the existing gradient change option?
I currently use this code to get rid of the gradient change, but now need the text to change.
body div .avia-button {
background-image: none !important;}
Example below, what I’m currently using. Though black one is the custom color, but text doesn’t change. The white is the current subtle color, with grey text and black text hover over.
or glow effect like this.
Hi,
Can you give us a link to your website?
To change the button background to solid color use this
body div .avia-button {
background-image: none !important;
}
body .avia-button.avia-color-theme-color {
background-color: gray;
border: none;
color: white !important;
}
For the hover effect use this
.main_color .avia-color-theme-color, .main_color .avia-color-theme-color:hover {
background-color: gray;
opacity: .8;
}
Regards,
Ismael