Select field hardcoded (inline css) width set to 75%

  • Andrius

    (@italpasta)


    3 months, 2 weeks ago

    Hi,

    I need to change the width of the select field, but I’m unable to do it as it contains inline CSS setting its width to 75%. How can I override this? Are there any plans to remove this inline CSS in the future versions of the plugin?

    <select id="yith-wapo-2" name="yith_wapo[][2]" class="yith-wapo-option-value" data-addon-id="2" style="width: 75% !important;" required="">
    </select>

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Support Pablo Pérez

    (@pperez001)

    2 weeks, 6 days ago

    Hi there,

    Thank you for opening this topic.

    The premium version gives soem styling options to our addons, in which you can change this 75% value.

    In any case, with the free version, you should be able to change it using a custom CSS with the min-width property. For example:

    .yith-wapo-addon-type-select .yith-wapo-option-value{
    	min-width: 100%;
    }

    body.single-product div.product .summary.entry-summary .yith-wapo-addon-type-select .select2-container{
        width: 100% !important;
    }

    .yith-wapo-addon-type-select .options {
        min-width: 100%;
    }

    Have a great day.

Viewing 1 replies (of 1 total)

You must be logged in to reply to this topic.