Return to previous page

Center upsell products - by FLIXMarketing

This topic has 2 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

FLIXMarketing

Participant

November 19, 2018 at 09:12

Ok, I really hope this is the last time that I need to bother you guys…
Recently I switched to another single product page format. There was some bug with this template and you fixed that for me.
https://vilobevino.com/product/ms-v/

Only now my customer saw (its one that is really into details) that the upsell products are not correct anymore. I added some css to centralize the upsell products because there are always just two, so left alignment doesnt look that pretty. Now the css doesnt work anymore. Moreover at the mobile version you arrows but there is nothing to scroll. Can you have a look at this two things? The CSS that I used (for desktop is)

@media only screen and (min-width: 40em) {
.single-product-wide .tabs,
.single-product-wide .carousel-area {
max-width: 122rem;
margin-left: 25% !important;
margin-right: auto !important;
}
}

Many thanks.

Please, contact administrator
for this information.

#204117 Copied Theme version: 5.1.1

1 Answer
Rose Tyler

Support staff

November 19, 2018 at 10:48
Hello,

Global custom css:
1)
```
.single-product-wide > .swiper-entry {
    max-width: 122rem;
    margin-left: 25% !important;
    margin-right: auto !important;
}
```
2)
```
.single-product .swiper-entry .swiper-button-next-swiper-unique-id-2, 
.single-product .swiper-entry .swiper-button-prev-swiper-unique-id-2 {
    display:  none;
}
```
Regards
#204134 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Animals Store – WooCommerce Theme

lazy-placeholder

Travel – WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Tea Store – WordPress WooCommerce Theme

lazy-placeholder

Drinks Store – WordPress WooCommerce Theme

lazy-placeholder

Organic Store 02 – WordPress WooCommerce Theme

lazy-placeholder

Interior – WordPress WooCommerce Theme

lazy-placeholder

Luxury Jewelry Store – WordPress WooCommerce Theme

lazy-placeholder

Marketing – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.