.woocommerce-input-wrapper width 100% not working

  • Resolved SRD75

    (@srd75)


    4 years, 1 month ago

    Hi,

    We have a Google Autocomplete Address field on our Checkout page.

    This produces:

    <p class="form-row form-row-wide" id="gac_auto_complete_shipping_address_field" data-priority="38"><label for="gac_auto_complete_shipping_address" class="">Search for an address&nbsp;<span class="optional">(optional)</span></label><span class="woocommerce-input-wrapper"><input type="text" class="input-text pac-target-input" name="gac_auto_complete_shipping_address" id="gac_auto_complete_shipping_address" placeholder="" value="" autocomplete="off"></span></p>

    We have CSS:

    #gac_auto_complete_shipping_address_field, #gac_auto_complete_shipping_address_field .woocommerce-input-wrapper, #gac_auto_complete_shipping_address {width: 100% !important;}

    However, the #gac_auto_complete_shipping_address_field .woocommerce-input-wrapper field remains @ about 66% width.

    How do we override this to 100% width please?

    Thanks,
    Steve

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Nico

    (@nicolamustone)

    Automattic Happiness Engineer

    Hello there,
    I visited your website and checkout page but there’s not a “Search for an address field” in there with your code.

    Plugin Support abwaita a11n

    (@abwaita)

    Hi @srd75,

    We’ve not heard back from you in a while, so I’m marking this thread as resolved. Hopefully, you were able to find a solution to your problem!

    If you have further questions, please feel free to open a new topic.

    Thanks.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘.woocommerce-input-wrapper width 100% not working’ is closed to new replies.