Return to previous page

Center upsell products - by FLIXMarketing

This topic has 2 replies, 2 voices, and was last updated 6 years, 1 months 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

Handmade Store – WordPress WooCommerce Theme

lazy-placeholder

Pizza Store – WordPress WooCommerce Theme

lazy-placeholder

Delivery – WordPress WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Marseille 03 – WordPress WooCommerce Theme

lazy-placeholder

Wedding Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Niche Market 02 – Multivendor WP WooCommerce Theme

lazy-placeholder

Electronics Store – 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.