Problem:
The client is experiencing issues with currency formatting in French, where spaces within the currency amounts are breaking up, and they are looking for a simple solution to insert non-breaking spaces without requiring coding experience.
Please note that they weren't using WooCommerce but the amounts were being used in post content like $400,000 and manually translating to €400 000.
Solution:
We recommend encapsulating the currency amount within a
<span class="currency">$400,000</span>
element when editing in the default language. Then, apply CSS to ensure that the encapsulated amount is treated as a single word. Add the following CSS to your theme's style.css file or your custom CSS file:
span.currency {
display: inline-block;
}
When translating, use the same
tag to encapsulate the translated version of the amount, for example:
<span class="currency">€400 000</span>
This approach will keep the amount, which is in fact two words separated by a space, together as if it were a single word.
If this solution doesn't look relevant, please open a new support ticket.
