Spacing if shipping cost hint is hidden for product

  • Resolved t-ryder

    (@ryder203)


    1 year, 11 months ago

    Hello. If the shpping cost hint with link is hidden for a product, the total look of the product list sucks a bit, since the buttons are not aligned anymore. Could there be just the same space then, please?

    I could just disable the hint, by excluding all products regarding the hint, but then the hint is gone on the product page too, which is no good at all IMO.

    Thanks for your work.

    https://ibb.co/RTbPyd2

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author vendidero

    (@vendidero)

    Hi there,

    this is more of a theme-related issue I guess. You should use a flexbox-layout to manage equal height for the containers. Something like:

    .woocommerce-page ul.products li.product {
    display: flex;
    flex-direction: column;
}

.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    flex-grow: 1;
}
    Thread Starter t-ryder

    (@ryder203)

    Thanks.

    This fixed it:

    .woocommerce-page ul.products li.product {
display: flex;
align-items: flex-start;
flex-direction: column;
}

.woocommerce-page ul.products li.product .astra-shop-summary-wrap {
display: flex;
align-items: flex-start;
justify-content: flex-end;
flex-direction: column;
flex-grow: 1;
}
    • This reply was modified 1 year, 11 months ago by t-ryder.
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Spacing if shipping cost hint is hidden for product’ is closed to new replies.