Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • November 4, 2015 at 3:20 pm #530068
    haschkeks6696

    Hey

    Is there a way (options I didn’t see or CSS) to make a hover effect on e.g. an icon list?

    My website: http://www.webdesign-haschke.de

    I would like to have the same effect this website has:

    http://www.homepage-helden.de I know, this isn’t an icon list, but how can I create such an effect? When I add a normal icon, how can I make this?

    November 4, 2015 at 3:37 pm #530080
    Yigit

    Hey haschkeks6696!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab and adjust as needed

    .iconlist_icon:hover {
    background: orange!important;
}

    Cheers!
    Yigit

    November 4, 2015 at 4:21 pm #530160
    haschkeks6696

    Thanks :)
    I suppose its possible to add

    .page-id-??

    if I want to have different hover effects on different pages?

    And: what is the class of normal icons called? just:

    .icon:hover {...

    or what do I have to add therefore?

    November 4, 2015 at 4:30 pm #530178
    Yigit

    Hey!

    Sure, you can add page ID before the code or turn on custom CSS field for ALB elements – http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/ and give your element a custom class and use the code as following 

    .your-custom-class .iconlist_icon:hover {
    background: orange!important;
}

    Best regards,
    Yigit

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.