Return to previous page

Font at the checkout is overlaid after updating woocommerce

This topic has 5 replies, 3 voices, and was last updated 6 months, 4 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.
    #392631 Copied Theme version: 9.3.7
    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

    #392647 Copied
    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.

    #392650 Copied
    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!

    #392651 Copied
    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

    #392652 Copied

  • Tagged: , , , , , ,

  • 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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
Ecoenergy – WordPress WooCommerce Theme
lazy-placeholder
Transport – WooCommerce Theme
lazy-placeholder
Electronics Store – WordPress WooCommerce Theme
lazy-placeholder
Dokan Multivendor Marketplace – WordPress WooCommerce Theme
lazy-placeholder
Kidsstore – WooCommerce Theme
lazy-placeholder
Minimal Electronics – WordPress WooCommerce Theme
lazy-placeholder
Electron Store 02 – WordPress WooCommerce Theme
lazy-placeholder
Shoes Store – WooCommerce Theme
lazy-placeholder
Corporate – WordPress Theme
lazy-placeholder
Typography – WordPress WooCommerce Theme

See All Templates

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