• 

  Bruno

  Participant

  April 19, 2021 at 20:41

  As the product title string length varies, the Price and Add to Cart buttons display at differing heights.

  Is there a way to make sure they are in line?

  Many thanks

  #284800 Copied Theme version: 7.2.6
  3 Answers
  

  Olga Barlow

  Participant

  April 20, 2021 at 14:36

  Hello,

  There are 2 workarounds:
  1) Limit the title length
  2) Set the title min-height and then you will have some empty space for products that have one line of the product title instead of 2 or 3.

  Which way is more suitable for you?
  Provide us with link to your shop, please.

  Regards

  #284850 Copied
  

  Bruno

  Participant

  April 20, 2021 at 18:07

  Thank you, I used the code below and it worked – is that correct?

  .content-product .product-title {
  min-height: 40px;
  line-height: 1.3rem;
  }

  Thanks,

  #284893 Copied
  

  Olga Barlow

  Participant

  April 20, 2021 at 20:06

  Hello,

  It would be better to use

  .content-product .product-title {
  min-height: 5ex;
  line-height: 2.5ex !important;
  }

  Regards

  #284926 Copied
• Viewing 4 results - 1 through 4 (of 4 total)