Topic: Translate "number" class

gllermaly free asked 5 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>

Marta Wierzbicka staff answered 5 years ago


please go to my snippet:, copy this CSS code and paste it into your CSS file.



LordMark free answered 2 years 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 2 years ago


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

Keep coding!

Marta Wierzbicka staff answered 5 years ago


You're welcome.

LordMark free commented 2 years 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 5 years ago

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

Please insert min. 20 characters.


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



Specification of the issue

  • ForumUser: 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