Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • February 4, 2014 at 8:04 pm #219601
    slui

    Hi,

    By default, you have a spinning green circle with an arrow (inside) that pops up when you run your mouse over an image indicating that one should click to get more details.

    My question is how do I replace that spinning green circle with an image? Thanks.

    sl

    February 4, 2014 at 8:16 pm #219607
    Yigit

    Hey slui!

    Please add following code to Quick CSS in Enfold theme options under Styling tab and change the url to your custom image

    .image-overlay.overlay-type-extern .image-overlay-inside:before {
content: url('https://www.yourdomain.com/image.png');
font-family: 'entypo-fontello';
}

    Regards,
    Yigit

    February 4, 2014 at 8:17 pm #219609
    slui

    Just to clarify. I have seen posts on here where you can replace the rotating arrow with another icon (I presume) through some sort of ASCII code. This is not what I want.

    I want to replace that spinning rotating arrow with an image that I need to upload to WordPress.

    Thanks.

    sl

    February 4, 2014 at 8:18 pm #219612
    slui

    Do you have any idea what the size of the image should be? I like the current size that you have now. Thanks.

    sl

    February 4, 2014 at 10:40 pm #219680
    Yigit

    Hey!

    80x80px should look just fine

    Regards,
    Yigit

    February 5, 2014 at 2:53 pm #219925
    slui

    Thanks Yigit!

    One more question, how do you remove the green circle behind the image? Thanks.

    sl

    • This reply was modified 10 years, 9 months ago by slui. Reason: One more question
  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Replacing Spinning Circle with Arrow’ is closed to new replies.