Align add to cart button to bottom regardless of product description length

This topic has 2 replies, 2 voices, and was last updated 6 days, 7 hours ago ago by Ayan Rahman

  • Avatar: islam
    islam
    Participant
    October 3, 2026 at 10:09

    kindly i need add to cart button to be aligned to bottom regardless of the product description length, kindly find the attached screenshot.

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Ayan Rahman
    Ayan Rahman
    Support staff
    October 4, 2026 at 05:50

    Hi,

    Thank you for reaching out to us.

    You may try adding the following custom CSS in “Theme Options → Theme Custom CSS → Global CSS”:

    /* Allign product carousel */
    .elementor-widget-etheme_product_carousel .swiper-container {
        display: flex;
        align-items: stretch;
    }
    .elementor-widget-etheme_product_carousel .swiper-slide {
        height: auto;
    }
    .elementor-widget-etheme_product_carousel .swiper-slide  .product {
        display: flex;
        flex-wrap: wrap;
        height: 100%;
    }
    .elementor-widget-etheme_product_carousel .swiper-slide .etheme-product-grid-content {
        align-self: flex-end;
    		width: 100%;
    }

    Warm Regards,
    The 8Theme Team

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

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

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