How to always show the currency next to the price?

Hi all, I want to always show the currency (in this case NZD) next to the price when a variant is selected (so I don't have to write '*All prices in NZD' on every product page). At present it has 'from NZD $....' but when a variant is selected the 'NZD' is not displayed. Using the Hyde template. See images for example. Any ideas?

Alternatively, if anyone knows of a free (or close to) live currency converter plugin/code that could be more effective please let me know :)

This is due to the (weird) way that Squarespace handle variants. If you remove your existing CSS and replace it with this, it should fix the issue:

body.native-currency-code-nzd .product-price:before {
 content: 'NZD ';
}

Let me know how you get on.

-Paul

Squarespace Expert & Professional Developer

Contributors to this forum voluntarily give their time to help you. If we correctly answer your question, please accept the answer by clicking Accept below it (you'll see it when you're logged on). If an answer doesn't help, feel free to ask for more help or wait for other forum users to add their comments and/or answers.

Whenever an accepted answer helps you, please vote it up using the up arrow on the right. This helps other forum users by giving them confidence in an answer.

Thanks @paul2009 ...do I need to turn developer mode on to do that? ...not sure where to put it.

Sorry, I should have been clearer. As someone has already added Custom CSS to your site, I assumed you knew where to put it. Go to Design > Custom CSS and add the code. You'll need to remove the old code that someone has added (see below):

body.native-currency-code-nzd .sqs-money-native:before{content:'NZD $'}

Haha thanks Paul. I'm the only one that's worked on the site so it was me, I just completely forgot ever doing that. Your code worked - yay! I have changed it so the NZD is after the price otherwise when it has prices 'from' it reads 'NZD from $.....' which doesn't really make sense. I changed it to 'from $.... NZD' with a little tweak to your code. Thanks so much :)

body.native-currency-code-nzd .product-price:after {
  content: ' NZD ';
}