Translate number class


Topic: Translate "number" class

gllermaly free asked 3 years ago

Hello, I'm using the pricing component and its great, but I see you formatted the number field ( $10/mo) with a class, and I need to change it to $10/mes (spanish)

How can I achieve this? if I remove the class all mess up

 

<div className="price header white-text blue rounded-top">
<h2 className="number">0</h2>
<div className="version">
<h5 className="mb-0">Básico</h5>
</div>
</div>

Marta Wierzbicka staff answered 3 years ago

Hi,

please go to my snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/169683, copy this CSS code and paste it into your CSS file.

Best,

Marta


LordMark free answered 7 months ago

.pricing-card .price .number:before { content: " -€ "; }

copy the snippet above and paste it into your CSS file to change the $ sign to Euro. to change to any other currency, simply replace the currency symbol inside the quote with one of your choices and enjoy.


Krzysztof Wilk staff commented 7 months ago

Hi!

Thanks for that solution. I think it will be helpful for others :)

Keep coding!


Marta Wierzbicka staff answered 3 years ago

Hi,

You're welcome.


LordMark free commented 7 months ago

Hello Marta. I was able to use your Snippet to change the /Mon to One-off but how do I change the $ to another currency Sign like Euro or pownds.

Thank you in advance


gllermaly free answered 3 years ago

Works! thanks!!!!!!!!!!!!!!!!!!!!!!!


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB React
  • MDB Version: 4.7.1
  • Device: Macbook pro retina
  • Browser: Chrome
  • OS: Sierra
  • Provided sample code: No
  • Provided link: No
Tags