Add to cart button alignment issues - Brooklyn theme

Store Design

Topic summary

Problema: en una tienda con el tema Brooklyn, los botones “Add to cart” aparecían desalineados entre productos. Se compartieron capturas donde se veía que la diferencia de altura venía del título/espacio del nombre del producto, haciendo que los botones quedaran a distintas alturas.

SoluciĂłn propuesta:

  • Ir a Online Store → Theme → Edit code.
  • En Assets → theme.scss.liquid, pegar al final:
    • .grid-product__title { font-size: 16px; min-height: 60px; display: inline-block; }

Resultado: al fijar un “min-height” para los títulos de producto, se uniforma la altura de cada card y los botones quedan alineados. El autor confirma que funcionó y el hilo queda resuelto.

Summarized with AI on February 26. AI used: gpt-5.2.
1

Hi, I have an alignment issue. Could anyone please help me?

Vero20_0-1639176389800.png
Vero20_0-1639176389800.png400Ă—243 45.7 KB

https://verolussi.com/ is the link, and the password is vero12345678

2

@Vero20

what do you want please share screenshot.

Thanks!

1 Like
3

Vero20_0-1639234518186.png
Vero20_0-1639234518186.png1051Ă—645 88.3 KB

I want the add to cart buttons to be aligned with each other, everywhere

4

@Vero20

yes please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.grid-product__title {
    font-size: 16px;
    min-height: 60px;
    display: inline-block;
}
1 Like
5

Thank you! It worked!

God bless!

1 Like
6

@Vero20

its my pleasure to help us