Hi,
I would like to know couple of things about the overlay on images.
1). How do I apply custom overlay for every image section (easy slider, full width slider or image element)
2). I have found this code on one of the post
.image-overlay.overlay-type-extern .image-overlay-inside::before{content: url(https://www.eco-world.co.uk/wp-content/uploads/2017/04/Eco-World-Favicon.png);}
however when I apply this code a circle along with the image shows on mouse hover, how can I disable the circle but still leave this image to be shown on hover.
Your help is always appreciated.
Thank you,
Hey,
I am not sure if i understood the changes you would like to make clearly. It seems like you have chosen minimal overlay in Enfold theme options > Advanced Styling. Please post a screenshot and show the changes you would like to make :)
Applying custom background per element would be possible by enabling custom CSS field for ALB elements – https://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/
Regards,
Yigit
Hi Yigit,
The website is not setup at the moment but I am planning to get a theme which supports this function.
https://www.the-connaught.co.uk/special-offers/
If you look at this page, when you hover over the image it show transparent colour with text. Is that not something which can be done for every section. I am planning to use a particular portfolio type e.g. offers to display these items.
Looking forward to your response.