Product Thumnails Not Aligning Properly

  • Resolved Dayton Design

    (@wbbuilder)


    9 years ago

    My Woo Commerce multiple product thumbnails are not aligning properly and I cannot figure out why. Please see my products page:

    It seems as if there is a blank empty space in the middle of my products and on the bottom there is lots of whitespace, yet there is a page 2 with more products. This whitespace started happening after I started adding products.

    Don’t understand what could cause just blank whitespace on my products grid listing page. My other products should scoot over to fill that blank space.

    https://www.ads-software.com/plugins/woocommerce/

Viewing 2 replies - 1 through 2 (of 2 total)

  • A fix would be to explicitly set the height for each product block with some custom css:

    .woocommerce .products .product {height:260px}

    If your theme does not have a setting where you can enter custom css, you can use a plugin like this one:
    https://www.ads-software.com/plugins/simple-custom-css/

    The 260px is appropriate for 2 line titles. If you have any 3 liners, increase this value slightly.

    Thread Starter Dayton Design

    (@wbbuilder)

    Thank you so much, this worked perfectly. For my needs I made the height 320px for spacing between rows and it looks great.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Product Thumnails Not Aligning Properly’ is closed to new replies.