Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • January 9, 2014 at 5:26 pm #207508
    bloomfashion

    Hi Yigit,

    Today you helped with the hover effect of individual icons on the homepage.

    /* 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: #007bb6!important; }

    It works great. However, when I copy the footer containing those icons to another page the hover effect does not show. What should I do?

    Regards,

    January 9, 2014 at 5:43 pm #207522
    Ismael

    Hi bloomfashion!

    Can you please give us a link to the actual page? I’ll ask Yigit to look. Maybe the section id on the other page is not the same.

    Cheers!
    Ismael

    January 9, 2014 at 5:44 pm #207527
    Yigit

    Hey bloomfashion!

    #av_section_5 is the color section ID. So if you place your icons in another color section, please give it a unique ID and make sure to adjust the code to match it

    Best regards,
    Yigit

    • This reply was modified 10 years, 10 months ago by Yigit.
    January 9, 2014 at 5:59 pm #207539
    bloomfashion

    Hi

    Im not used to working with these codes so sorry if I ask stupid questions.

    I saved the homepage (with the correct footer icons) as a template and pasted in another page.

    Where can I find what unique ID to use for the different color section? I tried to look into it using Firebug but I can’t find it.

    Thanks in advance,

    Boy

    January 9, 2014 at 6:06 pm #207544
    Yigit

    Hi!

    Please see http://kriesi.at/documentation/enfold/add-anchors-to-your-page-for-single-page-navigation/

    Best regards,
    Yigit

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