If you have troubles since the update to WordPress 4.5 please read this post before opening a new thread.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
  • #219601


    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.



    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('http://www.yourdomain.com/image.png');
    font-family: 'entypo-fontello';



    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.




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




    80x80px should look just fine



    Thanks Yigit!

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


    • This reply was modified 2 years, 5 months ago by  slui. Reason: One more question
Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘Replacing Spinning Circle with Arrow’ is closed to new replies.