Social icon menu – individual styling per icon?

  • Hi there, I’d like to style each individual social media icon so that when you hover upon it, it will show a different background colour. ie, hover on the Facebook icon and the background will be blue, hover on the youtube icon and background will be red, etc.

    I’d really appreciate it if someone could please advise me on how to do this?
    Thank you!

Viewing 2 replies - 1 through 2 (of 2 total)
  • hannah

    (@hannahritner)

    Hey, are you using the virtue: social links widget? This should happen by default.

    Hannah

    Thread Starter InfiniteMonk

    (@infinitemonk)

    Hi Hannah, thanks for your reply.

    Initially I had the Topbar Icon Menu activated, but the background hover for each icon was just a lighter grey than the topbar.

    I put the Virtue: Social Links widget into the topbar, but the hover background was still grey. However when I shifted the Social Links widget into the footer, the icon-specific background hover colours worked correctly.

    So I deactivated the Topbar Icon Menu, put the Social Links widget back into the topbar and replaced #containerfooter with #topbar in the custom css section.

    Moral to my long drawn out story… It’s working now! ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Social icon menu – individual styling per icon?’ is closed to new replies.

Tags