• 

  Michael

  Participant

  June 24, 2014 at 20:27

  Is it possible with css magic to align the bottoms of a row of products in the shop pages?

  Of course, because all the names are varying length, the heights are different. Could I specify a default height for that container, and move the Add to Cart buttons down to the line for all of them?

  Like in the picture:
  http://take.ms/P9Y02

  Thanks!

  Mike

  Please, contact administrator
  for this information.

  #7998 Copied
  5 Answers
  

  Jack Richardson

  Support staff

  June 25, 2014 at 09:18

  Hello,

  Please add the following code into the custom.css:

  slide-item .product .product-name, .products-grid .product .product-name {
  height: 75px;
  }

  Regards,
  Jack Richardson

  #8046 Copied
  

  neil

  Participant

  November 17, 2014 at 18:28

  Hi

  I have the same issue, I tried that code but it didn’t work

  Here is my URL http://ukfragrances.co.uk/

  You can see its starting to get a bit messy with the add to cart buttons not aligned

  #24953 Copied
  

  Robert Hall

  Participant

  November 17, 2014 at 18:34

  Hello midlandsonline,

  Please add this code into custom.css file.

  .products-page-cats {
  height:40px;
  }
  .product-title{
  height:60px;
  }

  Regards,
  Robert Hall.

  #24958 Copied
  

  neil

  Participant

  November 17, 2014 at 18:42

  Perfect, thank you

  #24960 Copied
  

  Robert Hall

  Participant

  November 17, 2014 at 18:43

  You’re welcome!

  Regards,
  Robert Hall.

  #24962 Copied
• Viewing 6 results - 1 through 6 (of 6 total)