-
AuthorPosts
-
November 27, 2017 at 2:34 am #882072
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,
November 27, 2017 at 3:19 pm #882248Hey,
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,
YigitNovember 28, 2017 at 1:42 pm #882681Hi 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.
December 1, 2017 at 7:46 am #883738 -
AuthorPosts
- You must be logged in to reply to this topic.
