Show Instagram icon on hover

  • Resolved Vanessa

    (@vanessajaded)


    8 years, 7 months ago

    Hi Scott, thank you for this plugin! Just what I needed.

    I’ve been trying to get the Instagram icon to pop up over each image whenever you hover over them. I was trying to accomplish this through just CSS so it wouldn’t break in case there was an update. 

    .instagram-pics a:hover:before {
	color: #fff;
	content: "\f16d";
	font-family: FontAwesome;
	font-size: 18px;
	position: absolute !important;
	left: 0;
	top: 0;
}

    But no luck. Can someone please help?

    https://wordpress.org/plugins/wp-instagram-widget/

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Scott

    (@scottsweb)

    8 years, 7 months ago

    Hi Vanessa. I have not got time to test this but a few things to try:

    1. Use :after to see if that helps
    2. Use z-index: 1000; to see if that brings it to where you expect.
    3. Make sure that you have:

    .instagram-pics a {
   position: relative;
}

    in your CSS too.

    Plugin Author Scott

    (@scottsweb)

    8 years, 3 months ago

    Closing.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Show Instagram icon on hover’ is closed to new replies.