Related Products - Add to cart button problem

Store Design
1

Hi,

I’ve a problem about add to cart buttons on related products section.

At first they were like this and I had an alignment problem.

sezyez_0-1649077262849.png
sezyez_0-1649077262849.png1006×442 96.4 KB

Then I asked on this question, and I was told to add these codes in Asset->/theme-styles.css to align them and it was solved with these codes except just one product;

.product-title, .product-name {
    overflow: hidden;
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

But now, as it can be seen on the image, all add to cart buttons are overlapped and they don’t have any space between each other like this and only one product is not aligned. It can also be seen on my store.

Screenshot 2022-04-10 at 00-01-25 Garland SS686 6 Sealed Burner Electric Restaurant Range with Standard Oven.png
Screenshot 2022-04-10 at 00-01-25 Garland SS686 6 Sealed Burner Electric Restaurant Range with Standard Oven.png985×402 42.4 KB

How can align all of them and how can I leave a little space between them? Maybe I should decrease the number of related products shown to do this, to 5 or 4 maybe, but I don’t know how can I decrease it. Can anyone please help me about it? Thanks.

2

Hi @sezyez ,

It’s customization work, for that you need to hire a developer or need a developer help,
to add this feature with custom code.

You can contact (https://www.halothemes.com/contact) for support.

If you find this answer helpful, please mark it as a SOLUTION.

Best regards.