Home › Forums › WoodMart support forum › Checkout CSS – Problem with the latest updates on the theme- css, checkout
Checkout CSS – Problem with the latest updates on the theme- css, checkout
- This topic has 10 replies, 2 voices, and was last updated 2 years, 5 months ago by Elise Noromit.
-
AuthorPosts
-
June 26, 2022 at 6:59 pm #386339
pavel.vutkowParticipantHi,
I made several attempts to update with different versions of the theme.
However, they all break the CSS in the delivery part (where I use a special plugin). So far we have never had a problem with this part in the updates, but apparently, you did something in the latest versions.
Please help.
To recreate the situation from the working site I made a copy and the only thing I did was update the theme.
Then the problems are noticed.——————————
What is the problem?
Check out css delivery part.
The problem is that most of the fields merge or there is no space between them after the update.
This is not normal and becomes very confusing for customers.
I will show all the differencesTo reproduce
To reproduce it, you need to add a product to the cart and choose your delivery to a city such as Sofia or address again Sofia … as well as Courier (Econt / Speedy)
June 27, 2022 at 1:06 am #386396
Elise NoromitMemberHello,
Please deactivate all the plugins except these ones:
Slider Revolution
WPBakery Page Builder or Elementor
Woodmart Core
Contact Form 7
MailChimp for WordPress
WooCommerce
Safe SVGIf the problem has gone, activate the plugins one by one, checking the issue to detect which one causes the problem.
Best Regards
June 27, 2022 at 12:29 pm #386494
pavel.vutkowParticipantI made your recommendation – but this is not helped. This did not change the way I indicated that the text fields are visible after the update.
As I shared after the update of the theme, the part with css of the delivery is affected (in this case it affects the plugins that I use for delivery).
These plugins cannot be disabled, as they are affected after the update and they are a major part of how customers choose the address and payment method.
Currently, only they and these plugins that you specified work.
They are influenced by the latest update, which breaks the CSS of these plugins.Please help.
June 28, 2022 at 12:13 pm #386816
pavel.vutkowParticipantAny help?
June 28, 2022 at 2:01 pm #386864
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .woocommerce-additional-fields p { margin-bottom: var(--wd-tags-mb); }
Best Regards
July 1, 2022 at 12:52 pm #387769
pavel.vutkowParticipantHi Elise,
Thank you that fixing most of the problems I share.
But we still have another problem that we do not see in the older version:Can you help us with this one too:
https://snipboard.io/rlcu4p.jpg
https://snipboard.io/UysWuB.jpg
https://snipboard.io/SKQW3X.jpgThank you,
PavelJuly 2, 2022 at 3:00 am #387957
Elise NoromitMemberHello,
Please, provide your site admin access (insert the site credentials into the Private content block under the message area) and confirm the permission for plugins deactivation, switching to the parent or default theme. As soon as we complete the testing we will enable all back, however, the site would be without plugins for 15-20 min. You would better make the full backup of your site.
Best Regards
July 2, 2022 at 4:24 pm #388062
pavel.vutkowParticipantHi,
thank you.
You can deactivate all plugins you need and do what you need I have a backup.Regards,
PavelJuly 4, 2022 at 2:31 pm #388444
Elise NoromitMemberHello,
Our developers have checked and seen that “woocommerce-speedy”, “woocommerce-econt” plugin styles influence the checkout page.
Please disable these plugins and check how it works.
Best Regards
July 4, 2022 at 5:46 pm #388535
pavel.vutkowParticipantHi, Elise,
but those are the affected services.
These are the plugins I use and have used until now, but after the update, their styles are affected. I can’t turn them off.
Thank you.
July 5, 2022 at 1:20 pm #388761
Elise NoromitMemberHello,
Please add this code to the Theme Settings > Custom CSS > Global:
body .select2-container--default .select2-selection--single { height: 42px !important; }
These styles would override the styles applied by the plugins.
Best Regards
-
AuthorPosts
Tagged: Checkout CSS
- You must be logged in to create new topics. Login / Register