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

    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

    #219607

    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';
    }

    Regards,
    Yigit

    #219609

    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

    #219612

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

    sl

    #219680

    Hey!

    80x80px should look just fine

    Regards,
    Yigit

    #219925

    Thanks Yigit!

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

    sl

    • This reply was modified 8 months, 3 weeks 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.