Return to previous page

Font at the checkout is overlaid after updating woocommerce

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

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

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

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
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
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: checkout font problem, font overlay issue, overlay error solution, woocommerce checkout fix, woocommerce font update, woocommerce update, wordpress woocommerce templates
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

Font at the checkout is overlaid after updating woocommerce

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection