Return to previous page

Xstore variants overflowing on single product page

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

  • Avatar: Simon Ward
    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
    Avatar: Olga Barlow
    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
    Avatar: Simon Ward
    Simon Ward
    Participant
    February 27, 2017 at 10:09

    perfect…thank you

    #155822 Copied
    Avatar: Olga Barlow
    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

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Marseille 02 – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Photographer – WordPress WooCommerce Theme
lazy-placeholder
Yoga Accessories – WordPress WooCommerce Theme
lazy-placeholder
Real Estate – WordPress WooCommerce Theme
lazy-placeholder
Baby Shop – WordPress WooCommerce Theme
lazy-placeholder
Animals Store – WooCommerce Theme
lazy-placeholder
SEO Agency – WordPress WooCommerce Theme
lazy-placeholder
Mango – Responsive eCommerce PSD Template
lazy-placeholder
Web Agency – 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.