Overlay images

Hey Stilecatalini,
If you mean this on your homepage with the boats:

I added this css for your to remove it:

.main_color .image-overlay .image-overlay-inside:before {
	opacity: 0;
}
.avia_transform #top a:hover .image-overlay {
    background: transparent;
    opacity: 0!important;
}

now it is like this:

clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.

Best regards,
Mike

Hi,
In your example link the only overlay is a title, the image doesn’t change.
For your boats in the image element you can enable the Image Caption on hover.

Best regards,
Mike

Hi,
Try this CSS in your Enfold Theme Options ▸ General Styling ▸ Quick CSS field:

a.avia_image {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
a.avia_image {
    outline: none !important;
}

After applying the css, please clear your browser cache and check.
Please note that testing with iPads & iPhones can be hard to clear the cache, often you need to also clear the history to fully purge the cache, following these steps for Safari and note Step 4 where you will Clear the History.
I don’t have an iPhone but this seems to work for Android.

Best regards,
Mike

Hi,
Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

Best regards,
Mike