Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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,

    #882248

    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

    #882681

    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.

    #883738

    Hi,

    In an Image element, you can set the caption as overlay. You can also choose whether to dispaly the caption on initial load or on hover. Is that what you’re after?

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.