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
Man Store – WooCommerce Theme
lazy-placeholder
Mobile Store – WordPress WooCommerce Theme
lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Language Courses – WordPress WooCommerce Theme
lazy-placeholder
Home Decor 02 Store – WordPress WooCommerce Theme
lazy-placeholder
Hosting Store – WordPress WooCommerce Theme
lazy-placeholder
Car Parts Store – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Concert Store – WordPress 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.