Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 19, 2018 at 3:43 pm #929104
    Marcel

    Hello,

    I made a custom “Fontello Font” which automatically shows up in the regular icon-list in Enfold. I created teaser with a textbox and a icon. Now I want to change the hover color of that icon when pointing on it. I tried a lot of CSS-tricks but nothing happened.

    (I created concept-pages and copied the code underneath to a custom widget. On every page I can select the widget so I only have to change something in the concept-page.)

    Can you help me?

    Greetings Marcel

    • This topic was modified 6 years, 9 months ago by Marcel.
    March 21, 2018 at 5:11 am #930262
    Ismael

    Hey Marcel,

    Thank you for using Enfold.

    Please try the following css codes.

    .avia_transform .avia_start_delayed_animation.av_font_icon:hover {
    color: red !important;
    border-color: red !important;
}

    Enable the “Show element options for developers” option in the Enfold > Layout Builder panel so that you can replace the generic selector with a unique css class attribute.

    // https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Best regards,
    Ismael

    March 21, 2018 at 1:17 pm #930556
    Marcel

    Yep, it worked! Thanks a lot Ismael.

    Cheers, Marcel

    March 22, 2018 at 6:10 am #931039
    Ismael

    Hi,

    Glad we could help!
    Please take a moment to review our theme and show your support https://themeforest.net/downloads
    To know more about enfold features please check – http://kriesi.at/documentation/enfold/
    Thank you for using Enfold :)

    Best regards,
    Ismael

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Change hover color custom "Fontello Font" used as icon’ is closed to new replies.