Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • January 9, 2014 at 12:13 pm #207349
    bloomfashion

    Hi There,

    Is there a possibility to set hover effects for icons (most favorably per icon)? Not the icon list or icon box but just the fontello standalone icons.

    I made a footer including all social media icons however there is no hover effect.

    Thanks in advance.

    January 9, 2014 at 1:06 pm #207371
    Yigit

    Hi bloomfashion!

    Can you post the link to your website?

    Regards,
    Yigit

    January 9, 2014 at 1:35 pm #207388
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 1:45 pm #207400
    Yigit

    Hi!

    Do you mind creating a temporary admin login and post it here privately so i can do it for you? It would be faster and in the meantime you can turn on maintainance mode again.

    Best regards,
    Yigit

    January 9, 2014 at 1:51 pm #207406
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 2:00 pm #207411
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 2:06 pm #207413
    Yigit

    Hey!

    Changes are done. Please review your website. You can find custom CSS code i added at the bottom of Quick CSS section in Enfold theme options under Styling tab

    Cheers!
    Yigit

    January 9, 2014 at 2:10 pm #207417
    Yigit

    Hi!

    Please add following code to Quick CSS as well

    .iconbox_content_container { display: none; }

    Best regards,
    Yigit

    January 9, 2014 at 2:12 pm #207420
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 2:16 pm #207424
    Yigit

    Hey!

    Custom CSS was removed somehow, maybe you were making changes at the same time. I added them once again. Please flush browser cache and refresh your page a few times. If they disappear again, you can use following code to fix it

    /* Custom CSS code to change hover state of social icons in footer */ 
#av_section_5 span.av_font_icon:nth-child(3) a:hover { color: #46d4fe!important; }
#av_section_5 span.av_font_icon:nth-child(4) a:hover { color: #37589b!important; }
#av_section_5 span.av_font_icon:nth-child(5) a:hover { color: #cb2027!important; }
#av_section_5 span.av_font_icon:nth-child(6) a:hover { color: #419cca!important; }

    Cheers!
    Yigit

    January 9, 2014 at 2:25 pm #207427
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 2:46 pm #207435
    Yigit

    Hey!

    Exactly, ntn-child number and color hex value

    Best regards,
    Yigit

    January 9, 2014 at 2:58 pm #207443
    bloomfashion
    This reply has been marked as private.
    January 9, 2014 at 3:02 pm #207449
    Yigit

    Hey!

    Please add following code to Quick CSS as well

    .iconbox_top .iconbox_content { box-shadow: none; }

    Cheers!
    Yigit

    January 9, 2014 at 3:28 pm #207466
    bloomfashion

    Thanks a lot for your help.

    January 9, 2014 at 3:29 pm #207467
    Yigit

    Hey!

    You are welcome! Let us know if you have any other questions or issues

    Cheers!
    Yigit

  • Author
    Posts
Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Enfold icon hover effect’ is closed to new replies.