Return to previous page

‘Choose an option’ how do you increase width?

This topic has 3 replies, 2 voices, and was last updated 2 years, 3 months ago ago by BubbaDan

  • Avatar: BubbaDan
    BubbaDan
    Participant
    January 23, 2022 at 22:44

    The ‘Choose an option’ dropdown is very scrunched up when on a product page. You can barely see it.
    How can I increase the width?

    Example look at Accessories – Belts

    https://malegenius.com/product-category/fashion/accessories/belts/

    #315045 Copied Theme version: 8.0.12 WooCommerce version: 5.8.3
    2 Answers
    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    January 24, 2022 at 17:36

    Hello,

    Do you use any third-party plugin for the variation swatches? Because it looks that issue comes from the plugin styles https://prnt.sc/26io255
    So, contact plugin author about this.
    You can fix that by custom code in Theme Options > Custom CSS

    .template-container .vi-wpvs-variation-wrap.vi-wpvs-variation-wrap-vi_wpvs_image_design .vi-wpvs-variation-button-select {
    width: auto;
    height: auto;
}

    But it would be better to contact plugin support.

    Regards

    #315096 Copied
    Avatar: BubbaDan
    BubbaDan
    Participant
    January 25, 2022 at 20:50

    That was it…a swatch plugin was the culprit. Thanks!

    #315207 Copied

  • Tagged: , , , , , ,

  • Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘‘Choose an option’ how do you increase width?’' has been successfully resolved, and the topic is now closed for further responses

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Handmade Store – WordPress WooCommerce Theme
lazy-placeholder
Engineer Store – WordPress WooCommerce Theme
lazy-placeholder
Wedding Store – WordPress WooCommerce Theme
lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Marseille04 – WordPress WooCommerce Theme
lazy-placeholder
Finances – WordPress WooCommerce Theme
lazy-placeholder
Church – WordPress Theme
lazy-placeholder
Shoes 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.