Return to previous page

Product alignment - by Dousseaud - on WordPress WooCommerce support

This topic has 2 replies, 2 voices, and was last updated 8 years 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

8theme customization service

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Books Store – WordPress WooCommerce Theme
lazy-placeholder
Lifestyle Blog – WordPress WooCommerce Theme
lazy-placeholder
School – WordPress Theme
lazy-placeholder
Minimal Fashion 03 Store – WordPress WooCommerce Theme
lazy-placeholder
Niche Market – Multivendor WP WooCommerce Theme
lazy-placeholder
Furniture Store 03 – WordPress WooCommerce Theme
lazy-placeholder
Designers – WordPress WooCommerce Theme
lazy-placeholder
Business Card – WordPress Theme
lazy-placeholder
Underwear – WooCommerce Theme
lazy-placeholder
Sushi 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.