Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
  • #495519

    I’ve seen the topics on removing or replacing the link arrow, but I’d like to replace the arrow but remove the white faded box that surrounds the image on Hover. Is there a way to have a custom “icon” graphic but no white box?


    Hi rasa!

    Can you please also define us, in which are you want that to be done?
    It would be helpful so we can understand!

    Best regards,


    Hi Basilis,t
    Thanks for the quick reply!
    When you hover over an image, the image is covered by a transparent white box with the arrow icon in the middle. I have changed the arrow icon, but I want to delete the transparent white box. Here’s the page:
    Hover over the Hilaritas Press graphic or the Robert Anton Wilson Website graphic.


    Hi Basilis,

    I just added this code to the CSS:

    .avia_transform a:hover .image-overlay{background: #b22223; opacity: 0.7 !important;}

    That gives me an alternative to the white color, but I’d still like to get rid of the colored box altogether, and keep my spiral icon.



    Please add following code to Quick CSS

    .image-overlay {
        background-color: transparent!important;

    Best regards,


    Hey Yigit!

    Thanks! That did it!

    • This reply was modified 5 years, 8 months ago by  rasa.


    You are welcome, we are always happy to help!
    For your information, you can take a look at Enfold documentation here –
    And if there are features that you wish Enfold had, you can request them and vote the requested ones here –
    For any other questions or issues, feel free to post them here on the forum and we will gladly try to help you :)

    Best regards,

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Disable image hover effect: the "white box"’ is closed to new replies.