Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #24473

    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.




    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;



Viewing 3 posts - 1 through 3 (of 3 total)

The topic ‘How to make all buttons like the subtle color style (grey text to white)’ is closed to new replies.