Return to previous page

Topic: More info button alignment - by SBB

This topic has 5 replies, 2 voices, and was last updated 4 years, 2 months ago ago by SBB

SBB

Participant

March 22, 2021 at 11:30

Hello,

Could you please advise how to fix alignment for more info button on shop page? As on picture.

In the past you have advised me add to global CSS following, which work fine for add to cart button:

.content-product .st-swatch-in-loop {
margin-top: 20px;
min-height: 65px;
}
.content-product .product_type_simple.add_to_cart_button {
margin-top: 99px !important;
}
.content-product .product-title a {
min-height: 45px;
}

However “more info” button but seems not working(I think it did in the past but maybe we had for all products add to cart button only so not really sure). Isn’t .product_type_simple for more info button?

Cheers,
Tomas

Please, contact administrator
for this information.

#280422 Copied Theme version: 7.2.6 WooCommerce version: 5.1.0

4 Answers
Rose Tyler

Support staff

March 22, 2021 at 11:53
Hello,

Change the previous custom CSS code to:

.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
#280425 Copied
SBB

Participant

March 22, 2021 at 12:05

Hello Rose,

Hope you doing good. Check or change ? 🙂 Should i change code originally provided to this new one?

Thank you,
Tomas

#280427 Copied

Rose Tyler

Support staff

March 22, 2021 at 12:06

Hello,

Yes, change 🙂

Regards

#280428 Copied

SBB

Participant

March 26, 2021 at 09:19

Hi Rose,

Sorry for late reply, its working fine, thank you very much.

Cheers,
Tomas

#281124 Copied
Viewing 5 results - 1 through 5 (of 5 total)