Ecommerce Shopify WordPress Discussion

Problem with editing HTML in WordPress Website, with Elementor page builder

So, in the website I have, which is ZINBLO I am trying to edit the text in the checkout page, namely in the order review. The Order Total is showing both currency symbol and currency name. This is because of the GTranslate plugin, which I am using for free, and manually editing stuff through CSS, like: E.g. /*TO HIDE CURRENT TEXT*/ button.woocommerce-button.button.woocommerce-form-login__submit.e-woocommerce-form-login-submit.elementor-animation-shrink { font-size: 0px; } /*TO APPLY MY EDITED OPTION*/ :lang(en) button.woocommerce-button.button.woocommerce-form-login__submit.e-woocommerce-form-login-submit.elementor-animation-shrink::before { content: 'Login 🔓 ' !important; font-size: 16px; } Now, this plugin is adding this extra currency name next to the currency symbol. Check picture 1 and 2 in attachment for context. I WANT TO HIDE THE EXTRA CURRENCY NAME SHOWN, LEAVING THE THE AMOUNT, AND THE CURRENCY SYMBOL. I tried everything from JS to CSS and HTML but no results. It seems that it can be fixed with a simple solution, but I am an amateur and I need help. FOR ENGLISH / AUTO FOR GERMAN I want to hide the extre currency name, and just keep amount and currency symbol. Tried CSS, Javascript and HTML.
Check the specific element or class that is wrapping the currency name you want to hide. Which can be span, div or other element with a class or id. After identifying the element then set the CSS rule display to 'none'. .class-name { display:none !important; } Since you're using Elementor, you can add this CSS rule in several ways Through Elementor, Custom Plugin or Site Wide CSS. If the currency name is being dynamically translated and you need to target specific languages, you can use the :lang() pseudo-class in your CSS. :lang(en) .class-name { display: none !important; } :lang(de) .class-name { display: none !important; }

February 13, 2024

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.