Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • August 10, 2016 at 11:30 am #670768
    vinayb

    How can we change the icon on hovering over it? Please suggest. Basically i want to hover over the icons on this page and display other icons. http://investormanage.staging.wpengine.com/new-features-page/ (hosted on WPengine)

    August 12, 2016 at 8:01 am #671748
    vinayb

    Please let me know. thanks.

    August 13, 2016 at 2:49 am #672148
    Josue

    Hi,

    Set up a custom class for each icon box and use this CSS code:

    .custom-class-1 a:hover[data-av_icon]:before {
    content: "\E87d";
}

.custom-class-2 a:hover[data-av_icon]:before {
    content: "\E87d";
}

.custom-class-3 a:hover[data-av_icon]:before {
    content: "\E87d";
}

.custom-class-4 a:hover[data-av_icon]:before {
    content: "\E87d";
}

    And change the codes accordingly, you can get the icon codes by hovering an icon in the editor.

    Best regards,
    Josue

    August 16, 2016 at 6:52 am #673020
    vinayb

    Ok i understood that this css can be added to the custom CSS section of the Enfold options. However, where shall i add the reference to the class name in the icon box? i dont see any option to define an ID or something there.

    August 17, 2016 at 8:04 am #673543
    vinayb

    I got it resolved. thanks. I turned on the custom css field and it worked. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    thank you so much as always.

    August 18, 2016 at 6:15 am #674035
    Rikard

    Hi,

    Great, glad you got it working and thanks for sharing the link :-)

    Please open a new thread if you should have any further questions or problems.

    Thanks,
    Rikard

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