display caption on image hover in image carousel

  • Resolved prabhu

    (@jai6358)


    3 months, 1 week ago

    i created image carousel in elementor

    i added caption to all images in carousel

    i hided the caption text using css, now i try to enable the caption on carousel image hover using css its not working

    .homebr .elementor-image-carousel-caption{display:none;}.homebr .swiper-slide:hover .homebr .elementor-image-carousel-caption{display:block !important;}

    • This topic was modified 3 months, 1 week ago by prabhu.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support Milos

    (@miloss84)

    Hi there,

    Thank you for reaching out with your question.

    I understand that you’re trying to enable the caption text on your Elementor image carousel when hovering over the images. I noticed a small issue with the CSS you’ve provided, which may be causing the captions to remain hidden.

    You can try to add this CSS:


    .homebr .elementor-image-carousel-caption {
    display: none;
    }

    .homebr .swiper-slide:hover .elementor-image-carousel-caption {
    display: block !important;
    }


    The main change was removing the extra .homebr class within the hover selector. This should now properly display the captions when you hover over the images in the carousel.

    If you still encounter any issues or have further questions, please feel free to reach out. I’m here to help!

    Best regards,

    • This reply was modified 3 months, 1 week ago by Milos.
    Thread Starter prabhu

    (@jai6358)

    thank you its working

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