Tagged: , , ,

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • October 5, 2018 at 9:31 pm #1018355
    Uncannystevo

    I’m using Icon Boxes for social follow icons so that I can change the color of the icon without having to change code (see the bottom of my site under “Stay In Touch.”

    I’d love to have a hover over effect on the icons of these boxes–would prefer to be able to have the icons change to their default colors on hover, but the glow effect would be an okay alternative.

    I don’t see an option for hover effect for icon box icons.

    How might I get this done?

    Thanks in advance for the help!

    October 8, 2018 at 9:56 am #1018882
    Nikko

    Hey Uncannystevo,

    This can only be done through Quick CSS and Custom CSS Class.
    Try to check Show element options for developers found in Enfold > Layout Builder.
    For the icons for example for the facebook icon edit it and in Custom CSS Class field put: icon-fb then save.
    Go to Enfold > General Styling > Quick CSS and add this code:

    #top .icon-fb .iconbox_icon:hover {
    background-color: #3B5998 !important;
    color: white !important;
}

    Just repeat the same process just change the class name (example icon-youtube) then on Quick CSS copy the code I gave and paste it below it then change icon-fb with icon-youtube, then just replace background color and color.
    Hope this helps.

    Best regards,
    Nikko

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