Separar botones del titulo en CSS

Quisiera implementar una altura minima ,para que no tome en cuenta el titulo a la hora de alinear el boton de añadir al carrito.



AdjuntoVer el archivo adjunto 119527


Al final he optado por reducir titulos .. y evito complicaciones.

Gracias

Hola [MENTION=190795]GraSign[/MENTION]

No entendí muy bien lo que comentas pero creo que lo que buscas es margin-top o algún otro tipo de margin (lateral, por debajo, etc.).

Quizás tengas que añadir la propiedad !important para que se haga efectivo y pese más que otros estilos CSS que ya tengas activos.

he subido otra captura con flechas señalando los botenes que necesito que esten todos parejos.

Por otro lado, en caso de que no se pueda hacer esa separacion, ¿se puede crear una descripcion o subtitulo para cada producto? Asi podria acortar los titulos

Realmente nunca lo he podido hacer con CSS para que queden todos parejos. En google hay muchos ejemplos pero no pude hacer andar ninguno :topsy_turvy: Con respecto a crear un subtitulo, eso que muestras es una plantilla de woocommerce como tal que imprime el nombre del producto. Para modificarlo podrías crear un campo adicional en tu producto que se llame: "titulo corto" y colocar ese "titulo corto" en la plantilla de shop de woocommerce (en el theme child) o en el mismo theme child hacer la modificación definiendo un limite para ese titulo y añadir un "..." para los títulos que exceden ese limite definido.
Saludos :encouragement:

Creo que no es posible que te quede parejo porque osea si el un entrada tiene mas texto que el otro el boton se va a ver mas abajo, se entiende.
Lo que podes hacer para que queden parejos poner un limite de letras para esa parte osea que siempre quede todo parejo.

Otra opcion seria que la parte donde te muestre el titulo y el precio es que le ponga un height fijo que sea uno bastante grande asi no te afecta los titulos por si escribis alguno bien grande, eso hara que el boton siempre se vean todos iguales y parejos.