Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • August 14, 2014 at 6:49 pm #304536
    wholereneducation

    Hi~
    Thanks again for creating such an amazing theme.
    I want to add hover effects on fontello icons, I found these codes:
    /* 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; }

    I understand the #av_section_5 is the ID that I can add in the color sections. But I want to know how should I check which icon represents which nth-child(?) parameter if I used lots of icons within one section. I hope you could help me with that.
    Thanks

    August 15, 2014 at 1:47 pm #304904
    Günter

    Hey wholereneducation!

    Than k you for using our theme.

    The index of the nth-child start with 1, so the first icon is 1, the second 2, and so on.

    If the icons are aligned with float: left (whats the default), then the icons are from left to right, otherwise from right to left.

    I hope, I understood your question correctly.

    Best regards,
    Günter

    August 15, 2014 at 5:45 pm #305002
    wholereneducation
    This reply has been marked as private.
    August 16, 2014 at 6:36 am #305189
    Ismael

    Hey!

    Thank you for the update.

    Please give us a link to the actual page with the social icons. We would like to check it.

    Best regards,
    Ismael

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