Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • December 31, 2014 at 5:13 pm #373602
    Pointbreakd

    Hi,

    In a another thread I asked about hovering over icons. I tried to implement per your response, which made sense to me.

    Enable the custom css class: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Use “icon-custom-hover” on the Custom CSS Class field for example. Add this on Quick CSS:

    .icon-custom-hover span:hover {
    color: red;
    }

    It works, but if I include the border or a link, which I want, it doesn’t work. How do I get it to work with the border/link option?

    Thanks.

    December 31, 2014 at 8:00 pm #373677
    Andy

    Hey Pointbreakd!

    which kind of border/link do you mean? Please post a link to your website and show us what you want to achieve.

    Cheers!
    Andy

    December 31, 2014 at 8:07 pm #373681
    Pointbreakd
    This reply has been marked as private.
    December 31, 2014 at 10:14 pm #373699
    Elliott

    Hey!

    Try adding this to your custom CSS.

    .av-icon-char:hover { color: red !important; border-color: red !important; }

    Cheers!
    Elliott

    January 1, 2015 at 12:41 am #373733
    Pointbreakd

    That works! But how do I do it for each different icon?

    January 1, 2015 at 5:14 am #373766
    Ismael

    Hi!

    Use this instead:

    .icon-custom-hover:hover a {
color: blue !important;
}

.main_color .icon-custom-hover:hover a.av-icon-char {
border-color: black;
}

    Cheers!
    Ismael

    January 1, 2015 at 3:22 pm #373818
    Pointbreakd

    You guys are great! One more thing, then I’m done (still related to hover). What custom CSS do I add to stop the sonar animation (the white ring expanding)?

    January 1, 2015 at 4:38 pm #373830
    Yigit

    Hi!

    Please add following code to Quick CSS 

    .av_font_icon.av-icon-style-border .av-icon-char:after {
display: none;
}

    Regards,
    Yigit

    January 1, 2015 at 7:07 pm #373878
    Pointbreakd

    Perfect. Thanks so much for your help.

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • The topic ‘Hover over icons’ is closed to new replies.