tidy shop catalogue – boxes all the same size

You need to show us a page with the issue

the web is
https://www.sportlink.es/

you can check any page of the catalogue, check for example:
https://www.sportlink.es/categoria-producto/kitesurf/cometas-es/

you will see that product boxes are not the same size

Try adding some CSS in to see if it makes a difference. It might not because you’re using a Masonry layout.

If you’re not using a Child Theme, and if the theme doesn’t have a designated section of the dashboard for CSS modifications then do the following:

1. Install this Custom CSS Manager plugin https://www.ads-software.com/plugins/custom-css-manager-plugin
2. use its “CSS Code” section of the dashboard to hold your CSS modifications:
3. (put this code in)

   .products .product {
       min-height: 300px;
   }

4. Save

Alternatively use your Child Theme style.css file to hold your CSS modifications

hey, thanks a lot, it partly solves the problem because now the boxes are the same height, but the grey lines are not aligned, is there a CSS I can use to align them?

check:
https://www.sportlink.es/categoria-producto/windsurf/velas-windsurf/

Hey kunstudio17,
Try adding this to your custom css box in Theme Options > Advanced Settings:

@media (min-width: 1200px) {
.product_item .product_price {
    height: 50px;
}
.product_item .product_details h5 {
    min-height: 50px;
}
}

Hope that helps!
Hannah

Thanks it helped a lot! The grey background behind “Seleccionar Opciones” and “A?adir al Carrito” can be the same height?

Is there a way I can make only appear the cheaper price of the interval of prices in variable products? I mean, if the cheapest variant is 1000€ and the most expensive 1500€, I want to appear only 1000€….

Thanks!

Thanks it helped a lot! The grey background behind “Seleccionar Opciones” and “A?adir al Carrito” can be the same height?

You can’t really if you’re going to have some descriptions that fit on one line, some that fit on 2 and then future occurrences where it fits on 3 and so on. It’s going to bottleneck you.

Well, this are the only 2 options, because I have simple or variable products and that’s it.
The translation is:

“Seleccionar Opciones” = “Select Options”

“A?adir al Carrito” = “Add to Cart”

1. Try adding this:

.product_item .kad_add_to_cart, .product_item a.button {
    min-height: 45px;
}

2. There isn’t a built in option for that. I’m actually not sure of way without editing the theme. Sorry.

Hannah

Hi Hannah, thanks! Is there a way to center the text vertically in the grey box? (so the “A?adir al carrito” stays centered and no at the top