Ajax product tab layout problem not of equal lenght

This topic has 2 replies, 2 voices, and was last updated 1 weeks, 5 days ago ago by Tony Rodriguez

  • Avatar: Misbah Badshah
    Misbah Badshah
    Participant
    November 11, 2024 at 11:05

    i have added ajax product tab and it’s working okay but the problem is that the layout is not equal

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Tony Rodriguez
    Tony Rodriguez
    Support staff
    November 11, 2024 at 12:05

    Hello, @Misbah Badshah,

    Thank you so much for purchasing our theme and contacting our support center.

    Please add the next custom CSS code in XStore > Theme Options > Theme custom CSS > Global CSS

    .main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
        display: flex;
        justify-content: center;
    }
    .products-loop .ajax-content, .products-loop {
        display: flex;
        flex-wrap: wrap;
        flex: 1;
    }
    .content-product {
        flex-direction: column;
        justify-content: space-between;
        display: flex;
        flex: 1;
    }
    .content-product .quantity-wrapper {
        margin-right: auto;
        margin-left: auto;
    }
    .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .product-slide .product {
        display: flex;
        height: 100%;
    }
    .swiper-wrapper {
        height: auto;
    }

    We hope this helps. Should you require any further assistance, please do not hesitate to reach out. We are here to help you.

    Best regards,
    8Theme’s Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

8theme customization service
We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.