Return to previous page

Same picture grid size for all product - by Mohammed Al-khameri

This topic has 4 replies, 2 voices, and was last updated 4 years ago ago by Rose Tyler

  • Avatar: Mohammed Al-khameri
    Mohammed Al-khameri
    Participant
    February 6, 2021 at 14:59

    Hi
    I have UI issue in the products grid, some items have long either titles or another picture size they are getting out of lines and the grid looks like ugly. Is there an theme option or customized stying t fix it?

    Best regards

    #272776 Copied Theme version: 7.2
    3 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 6, 2021 at 15:49

    Hello,

    I can’t see your Shop page – https://prnt.sc/yj1ujw

    Regards

    #272786 Copied
    Avatar: Mohammed Al-khameri
    Mohammed Al-khameri
    Participant
    February 6, 2021 at 16:07

    Sorry I provided you the password in the private content area

    Please contact administrator
    for this information.
    #272798 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    February 6, 2021 at 16:15

    Disable Massory via Theme options > WooCommerce > Shop > Shop page layout, and add the next code in Theme Options > Theme custom 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;
}

    Regards

    #272800 Copied
  • Viewing 4 results - 1 through 4 (of 4 total)

The issue related to '‘same picture grid size for all product’' has been successfully resolved, and the topic is now closed for further responses

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Beaty & Cosmetics – WordPress WooCommerce Theme
lazy-placeholder
Digital Marketing – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
Fishing – WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Bags Store – WooCommerce Theme
lazy-placeholder
Onepage Store – WooCommerce Theme
lazy-placeholder
Lingerie Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme

See All Templates

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