Return to previous page

Product Slider / “Add to cart” button aligned without the staircase effect

This topic has 9 replies, 3 voices, and was last updated 3 years, 7 months ago ago by Rose Tyler

solso

Participant

April 19, 2021 at 20:50

Hello,

Do you have a trick to prevent the “add to cart” button moving up or down, depending on content, and to keep it aligned ?
For example, to fix this: https://prntscr.com/11potds

Thanks for your help

Regards,

#284801 Copied Theme version: 3.2.7 WooCommerce version: 5.1.0

8 Answers

Olga Barlow

Support staff

April 20, 2021 at 16:48

Hello,

It’s possible to try to align it using Custom CSS only. Provide us with link to page where you have this issue and temporary WP Dashboard access to your site.

Regards

#284875 Copied

solso

Participant

April 20, 2021 at 18:42

Hello,

I have this issue on homepage. You will find credentials and link on private area.

Thanks in advance for your help

Best,

Please contact administrator
for this information.

#284909 Copied
Rose Tyler

Support staff

April 21, 2021 at 09:09
Hello,

Add the next code in Theme Options > Theme custom CSS:
```
.main-products-loop .product, .products-loop .product, .carousel-area .product-slide .product {
    display: flex;
    justify-content: center;
}
.products-loop .ajax-content, .products-loop {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
}
.content-product {
    flex-direction: column;
    justify-content: space-between;
    display: flex;
    flex: 1;
}
.content-product .quantity-wrapper {
    margin-right: auto;
    margin-left: auto;
}
.swiper-container {
    display: flex;
    align-items: stretch;
}
.product-slide .product {
    display: flex;
    height: 100%;
}
.swiper-wrapper {
    height: auto;
}
```
Regards
#284971 Copied
solso

Participant

April 21, 2021 at 22:59

Hello Rose,

Thank you, it really works well to fix the button alignment issue but the whishlist icon is not anymore displayed. Do you think it could be linked?

Thanks

#285060 Copied

solso

Participant

April 22, 2021 at 08:05

Apparently It had nothing to do with the new css but do you know what to do to get back the wishlist option on this slider?

Thanks again

#285080 Copied

Olga Barlow

Support staff

April 22, 2021 at 18:21

Hello,

Check now.

Regards

#285183 Copied

solso

Participant

April 23, 2021 at 07:54

Hello Olga,

Thank you for your help. It is back for selecting but the heart is now doubled when previously selected. I think a first install it was an empty heart when displayed but not yet selected and full when previously selected, but not 2 hearts. Please check https://prnt.sc/11wv69v

Thanks again!

#285214 Copied

Rose Tyler

Support staff

April 23, 2021 at 10:31

Hello,

Check now.

Regards

#285227 Copied
Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Product Slider / “Add to cart” button aligned without the staircase effect’' has been successfully resolved, and the topic is now closed for further responses

Product Slider / “Add to cart” button aligned without the staircase effect

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection