Return to previous page

Product alignment - by Dousseaud - on WordPress WooCommerce support

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

  • Avatar: Dousseaud
    Dousseaud
    Participant
    November 1, 2016 at 13:20

    Hello,

    On my website https://www.trendyoffers.shop/ the products don’t align correctly. One product is a little too low the other a little too high. Could you help me so there are three products per row aligned in a straight line? Thanks.

    Best

    #144619 Copied
    1 Answer
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    November 1, 2016 at 13:33

    Hello,

    Your products images have different original sizes. You should upload them with similar dimensions, then edit Woocommerce settings > Products > Display and add the correct size for Catalog Images. Use hard crop if you want to crop images. Then regenerate thumbnails.
    Or you can try to add this code in custom css:

    .product-image-wrapper.hover-effect-swap {
    height: 375px;
}
.products-grid .product .product-name {
    height: 35px;
}

    Here is a video tutorial how to create custom.css: https://www.youtube.com/watch?v=Qok2zRedRMY&feature=youtu.be.

    Regards,
    Rose Tyler.

    #144625 Copied
  • Viewing 2 results - 1 through 2 (of 2 total)

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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Hemp & CDB – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Organic Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Organic Cosmetics Store – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Spice Store – WordPress WooCommerce Theme
lazy-placeholder
Restaurant – WordPress WooCommerce Theme
lazy-placeholder
Sidebar Boxed Store – WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Niche Market 02 – Multivendor WP 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.