Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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 !

    #184502
    This reply has been marked as private.
    #184563

    Hey!

    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,
    Ismael

    #184588

    Hi Ismael ,

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

    #learnmore:hover {

    background-color: #FFFFFF;
    text-decoration:none;

    }

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

    3.) It doesn’t work.

    4.) Thanks it works well.

    #184943

    Hi!

    1) Please change Ismael’s code with following one

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

    3)

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

    Best regards,
    Yigit

    #185030

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

    #185447

    Hi!

    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,
    Ismael

    #185492

    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 ?

    #185494

    Hi!

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

    Cheers!
    Josue

    #185502

    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

    #185835

    Hey!

    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

    Cheers!
    Yigit

    #185910
    This reply has been marked as private.
    #185913

    Hi!

    Changes are done. Please review your website

    Cheers!
    Yigit

    #185939

    Thank you , it works now =)

    Amazing

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

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