Inline CSS !important

  • franklnx

    (@franklnx)


    1 year, 3 months ago

    Hi,
    looking at the code for a simple customization I noticed that the “select” element has an inline style as follows:

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

    The question is, why is the “!important” rule introduced as inline?
    This makes it quite complicated to change the width value via CSS.

    Did I miss any option in the block control panel where a different value can be specified?

    Thanks for the support 😉

Viewing 1 replies (of 1 total)
  • Facundo A.

    (@aranofacundo)

    1 year, 3 months ago

    Hi there,

    I hope you’re well. About your question, the inline !important rule is used to that you can set the width of the add-on without being affected by the current theme.

    In this case, if you don’t want this, you could copy the template in the following path to the /woocommerce/addons folder of your current theme: wp-content/plugins/yith-woocommerce-product-add-ons/templates/front/block.php

    You can then go to the line 209 of the file in your theme and remove the !important string.

    We’ll remain at your disposal.

Viewing 1 replies (of 1 total)

The topic ‘Inline CSS !important’ is closed to new replies.