Topic: More info button alignment - by SBB

Solved4 replies2 participantsUpdated by SBB

  • Avatar: SBB
    SBB
    Participant

    Hello,

    Could you please advise how to fix alignment for more info button on shop page? As on picture.

    In the past you have advised me add to global CSS following, which work fine for add to cart button:

    .content-product .st-swatch-in-loop {
    margin-top: 20px;
    min-height: 65px;
    }
    .content-product .product_type_simple.add_to_cart_button {
    margin-top: 99px !important;
    }
    .content-product .product-title a {
    min-height: 45px;
    }

    However “more info” button but seems not working(I think it did in the past but maybe we had for all products add to cart button only so not really sure). Isn’t .product_type_simple for more info button?

    Cheers,
    Tomas

    Please, contact administrator
    for this information.
    #280422 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

    4 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Change the previous custom CSS code to:

    .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;
}

    Regards

    #280425 Copied
    Avatar: SBB
    SBB
    Participant

    Hello Rose,

    Hope you doing good. Check or change ? 🙂 Should i change code originally provided to this new one?

    Thank you,
    Tomas

    #280427 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Yes, change 🙂

    Regards

    #280428 Copied
    Avatar: SBB
    SBB
    Participant

    Hi Rose,

    Sorry for late reply, its working fine, thank you very much.

    Cheers,
    Tomas

    #281124 Copied

The issue related to '‘Topic: More info button alignment’' has been successfully resolved, and the topic is now closed for further responses