Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
  • #184501

    Hi guys, I need some help regarding changing the hover colors.

    1.) For learn more button on the layer slider , I want to change it to a:hover { background-color:white; }

    Do I need to use the custom css in the layer slider options ? If I use a:hover etc in the layer slider > for example on an object why doesn’t it work?

    2.) Learn more about tanya and watch her videos here , change here text color hover to white.

    3.) See event calendar black button > change background hover color to white

    4.) Social media icons below > how do I make the big icons hoverable ? I want their colors to change to red or blue.

    Thanks !

    This reply has been marked as private.


    1.) Edit the button layer then go to Attributes panel. Give it a unique id like “learn-more-button. Use it on your Quick CSS field.

    #learn-more-button:hover {
    color: blue;
    background: white;

    2.) Please give it a css selector id or class.

    3.) You can use this for the black events button:

    .avia-button.avia-icon_select-yes.avia-color-custom.avia-size-small.avia-position-center {
    background-color: red;
    border-color: red;
    color: blue;

    4.) Use this:

    .main_color.iconbox_top .iconbox_icon:hover {
    background-color: blue;

    Best regards,


    Hi Ismael ,

    I added a “learnmore” attributes id and used this >

    #learnmore:hover {

    background-color: #FFFFFF;


    <<< It works but the background color is a small line below ?

    3.) It doesn’t work.

    4.) Thanks it works well.



    1) Please change Ismael’s code with following one

    #learnmore:hover { background-color: #FFFFFF; text-decoration:none; border-color: white; }


    .avia-builder-el-14 .avia-button:hover { background-color: white!important; }

    Best regards,


    Hi , the learn more button still doesn’t work.



    There are lots of Learn More button on the slider. Did you add an attribute to each of them? Please use the class attribute if you’re planning to add the same style on every learn more button.

    Best regards,


    Hi , I added an attribute to each of them

    slide > learnmore

    slide 2 > lmoretwo

    slide 3 > lmorethree

    slider 4 > lmorefour

    So should I use class on all of them ?



    Yes, or you could use nth-child, but i think that may be a little bit more tricky.



    That boggles my mind =( Do you guys know any enfold sites that use hover background color change on buttons ?

    Tried h4.learnmore:hover and it doesn’t work

    > I used an h4 tag on the text



    Seems like you have removed the content from your page. If you have created elsewhere, can you post the link to that page? And if you do not mind, please create a temporary admin login and post it here privately so we can take a look at it personally


    This reply has been marked as private.


    Changes are done. Please review your website



    Thank you , it works now =)


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

The topic ‘All about changing hover colors’ is closed to new replies.