Return to previous page

Center upsell products - by FLIXMarketing

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

Medical 02 – WordPress WooCommerce Theme

lazy-placeholder

Handtools Store – WooCommerce Theme

lazy-placeholder

Lingerie Store – WordPress WooCommerce Theme

lazy-placeholder

Burger Store – WordPress WooCommerce Theme

lazy-placeholder

Shoes Store – WooCommerce Theme

lazy-placeholder

Watches Store – WooCommerce Theme

lazy-placeholder

Dokan Multivendor Marketplace – WordPress WooCommerce Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Industrial Power Tools Store – WordPress WooCommerce Theme

lazy-placeholder

Minimal Fashion 03 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.