Image Carousel issues

  • Resolved Davood Denavi

    (@binarywc)


    8 months, 3 weeks ago

    .swiper-slide img {
    max-width: 800px;
    max-height: 480px !important;
}

    We have 10 carousels on our site that have a pictures some are taken in landscape and others are taken in portrait. The above CSS allows all the pictures to show up not stretched/distorted in our Carousels. However, we want all the pictures to appear the same size inside the Carousel without being stretched/distorted.

    I found a conversation on GitHub describing a similar issue. However, after trying the various solutions in that thread the images were still cutting off or showing up incorrectly.

    Here are links to two of our carousels.

    https://jaffeai.com/see/shuffling-the-decks/
    https://jaffeai.com/see/pure-michigaas/

    Please take a look and suggest a way we can resolve these issues. Thank you in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support vipul78

    (@vipulelementor)

    Hi,

    www.remarpro.com rules state that commercial products are not supported here.

    Since you are an Elementor Pro user, you can open a support ticket at my.elementor.com

    I’d also suggest you check out Elementor Community Group on Facebook. We have created it to connect Elementor users together and share knowledge, Global Elementor Community.

    Thread Starter Davood Denavi

    (@binarywc)

    The carousel is a feature of the free version… I am using the same carousel option on many other clients websites which are only using the free version of Elementor and never ran into this problem until now. That is why I posted the problem here.

    I believe we found a fix (after no one from Elementor replied to this thread) that solved the problem in an acceptable way for our client. We had to set the image stretch option on our sliders to yes and add the following CSS: 

    .swiper-image-stretch .swiper-slide .swiper-slide-image {
    width: 100%;
    height: 425px;
    object-fit: cover;
    object-position: center center;
}

    I will mark this thread resolved once our client has confirmed they are happy with our solution.

    Thank you for not helping us and creating hours of extra work and research for us to resolve this issue by changing settings and not replying to this thread.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Image Carousel issues’ is closed to new replies.