Font at the checkout is overlaid after updating woocommerce

This topic has 5 replies, 3 voices, and was last updated 1 months, 2 weeks ago ago by Andrew Mitchell

  • Avatar: Nicola
    Nicola
    Participant
    April 23, 2024 at 09:30

    Hi, as soon as I update woocommerce to a newer version than 8.2.2, the font in the fields in the checkout area overlaps. Previously, the placeholders always moved up as soon as you entered something in the “Name” field, for example. This no longer works.

    Files is visible for topic creator and
    support staff only.
    4 Answers
    Avatar: Justin
    Luca Rossi
    Support staff
    April 23, 2024 at 10:44

    Dear Nicola,

    We hope this message finds you well. We have reviewed the checkout page and are pleased to inform you that the texts appear to be correctly displayed. You can view the screenshot of the page here: https://prnt.sc/yYW6U6r5bL39.

    Could you please let us know which browser you are using? This information will help us ensure optimal functionality across all platforms.

    Thank you for your cooperation.

    Best regards,
    The 8Theme Team

    Avatar: Nicola
    Nicola
    Participant
    April 23, 2024 at 10:54

    Hi, please take another look at the checkout area. I had rolled back the Woocommerce update to make it work for my customers. Now you should see the problem.

    Avatar: Justin
    Luca Rossi
    Support staff
    April 23, 2024 at 11:03

    Hi @Nicola,

    Please try adding this custom CSS under Theme Options > Theme Custom CSS > Global CSS:

    
    .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input, .wc-block-components-form .wc-block-components-combobox .wc-block-components-combobox-control input.components-combobox-control__input,
    .wc-block-components-form .wc-block-components-text-input input[type=email], .wc-block-components-form .wc-block-components-text-input input[type=number], .wc-block-components-form .wc-block-components-text-input input[type=tel], .wc-block-components-form .wc-block-components-text-input input[type=text], .wc-block-components-form .wc-block-components-text-input input[type=url], .wc-block-components-text-input input[type=email], .wc-block-components-text-input input[type=number], .wc-block-components-text-input input[type=tel], .wc-block-components-text-input input[type=text], .wc-block-components-text-input input[type=url] {
         height: auto;
    }
    

    Hope it helps!

    Avatar: Andrew Mitchell
    Andrew Mitchell
    Support staff
    April 23, 2024 at 11:14

    Dear Nicola,

    We trust our theme is enhancing your experience. Taking a brief moment to rate it with a glowing 5 stars on ThemeForest would be immensely appreciated. Your feedback holds significant value for us.

    Click here to rate now: https://themeforest.net/downloads

    Thank you sincerely for your ongoing support!

    Best Regards,
    The 8Theme Team

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

The issue related to '‘Font at the checkout is overlaid after updating woocommerce’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.