Consistent Sizing of Product Rows

  • Resolved keltmark

    (@keltmark)


    6 years ago

    Hi, I am trying to figure out how to size my product heights consistently, but since my product titles are different lengths it makes the heights inconsistent. How can I make the heights consistent throughout?

    The page I need help with: [log in to see the link]

Viewing 6 replies - 1 through 6 (of 6 total)
  • Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello,
    You can try to add this code to Appearance > Customize > Additional CSS:

    .hentry .woocommerce ul.products li.product .woocommerce-loop-product__title { min-height: 50px; }

    You can change the 50px to what suits you better!

    Thread Starter keltmark

    (@keltmark)

    This worked perfectly. Thanks!

    Thread Starter keltmark

    (@keltmark)

    Hi,

    What is the code to make the related and recommended products consistently sized as well?

    Thread Starter keltmark

    (@keltmark)

    Hi,

    Is there code I can add to custom CSS to make the “Related Products” that show up at the bottom of a product page consistently sized as well?

    Please advise. Thanks!

    Thread Starter keltmark

    (@keltmark)

    I am having this issue on product archive pages too. See the page here: https://www.markkelton.com/shop2/

    Thread Starter keltmark

    (@keltmark)

    @nicolamustone Could you please advise on the “Related Products” and “Product Archive” product heights as well. They seem to not be following the same rule on my other pages?

    Product Archive: https://www.markkelton.com/shop2/
    Related Products: https://www.markkelton.com/product/pink-eye-infinita-poster/

    I want all of the products to follow the same sizing. Thanks!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Consistent Sizing of Product Rows’ is closed to new replies.