Custom hover overlay and background styles

  • Resolved hurtadodoo

    (@hurtadodoo)


    4 days, 9 hours ago

    I want to add a hover overlay effect on my gallery images with a custom background color. Right now, I can only see basic hover effects, but I need more control over the colors and opacity. Is there a way to customize this using CSS?

    I also want to add a text overlay when hovering over an image, but I can’t find an option for that. Ideally, I’d like the overlay to fade in smoothly instead of appearing instantly. Can you provide an example of how to modify this with custom CSS?

    Thanks in advance!

Viewing 1 replies (of 1 total)
  • Plugin Author robosoft

    (@robosoft)

    3 days, 10 hours ago

    You can definitely customize the background and overlay effects in the gallery settings. For example, you can adjust the thumbnails overlay in the Hover Settings, modify the general gallery background in the General Settings, and change the lightbox overlay in the Lightbox Settings. These options will give you control over the basic overlay styles and background settings.

    If you want more precise control over colors, opacity, or animations, you can add custom styles using the Custom CSS field that’s available in each gallery. For instance, you could create a smooth fade-in effect with a text overlay on hover by adding a few CSS rules. This would allow the overlay to appear gradually with a custom background color, opacity, and text.

    Feel free to give it a try, and if you need any further assistance or adjustments, just let us know! We’re happy to help!

Viewing 1 replies (of 1 total)
  • You must be logged in to reply to this topic.

Tags