Return to previous page

Xstore variants overflowing on single product page

This topic has 4 replies, 2 voices, and was last updated 7 years, 9 months ago ago by Olga Barlow

Simon Ward

Participant

February 24, 2017 at 16:55

hi, can you look at https://qelectricmotors.com/product/0-12kw-4pole-1500rpm-ie1-single-phase-permanent-capacitor-motor/

the variants drop down on this style overflows on the right, can you give me the css to correct it?

thx
Si

#155731 Copied

3 Answers
Olga Barlow

Support staff

February 27, 2017 at 08:37
Hello,

Add the following custom in Theme Options > Styling > Custom CSS or child theme style.css
```
.single-product-booking .product-side-information-inner .variations td.label label{
    color: #313131;
    font-size: 13px;
    padding: 15px 0 8px 0;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
}
.single-product-booking .product-side-information-inner .variations,
.single-product-booking .product-side-information-inner .variations tbody,
.single-product-booking .product-side-information-inner .variations tr,
.single-product-booking .product-side-information-inner .variations td{
    display: inline-block !important;
    width:100%;
    padding-left: 0;
}
```
Regards
#155809 Copied
Simon Ward

Participant

February 27, 2017 at 10:09

perfect…thank you

#155822 Copied

Olga Barlow

Support staff

February 27, 2017 at 12:40

You are welcome!

Regards

#155844 Copied
Viewing 4 results - 1 through 4 (of 4 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

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Cocktails Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WordPress WooCommerce Theme

lazy-placeholder

Bags Store – WooCommerce Theme

lazy-placeholder

Phone Service – WordPress WooCommerce Theme

lazy-placeholder

Corporate – WordPress WooCommerce Theme

lazy-placeholder

Typography – WordPress WooCommerce Theme

lazy-placeholder

Niche Market – 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.