Can’t override styles on certain elements

Hi there,

Try to add this CSS rule in Appearance > Customize > Additional CSS:

.yith-wapo-addon span.select2 {
width: 100% !important;
}

Let us know if that did the trick.

Thanks for the reply, this didn’t work. The element that has the width: 75% on is a select element with class yith-wapo-option-value the full element atts are:

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

I have no idea where that width: 75% !important is coming from – it’s not there on version 2. Any style I try to add, no matter how specific, wont override this

Any ideas on this? The width 75% !important is being generated by the plugin and I can’t remove or override it.

Hello there,

I hope you’re doing well :D.

Please, try to add the following code in the functions.php of your active theme

if( !function_exists('yith_wapo_change_default_width_settings') ) {
    function yith_wapo_change_default_width_settings($val)
    {
        $val = 100;
        return $val;
    }

    add_filter('yith_wapo_get_addon_select_width_settings', 'yith_wapo_change_default_width_settings');
}

It should override the default settings for the width

Please, try it and let me know.

Have a good day.

Thank you that worked!