Translate number class


Topic: Translate "number" class

gllermaly asked 6 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 Szymanska staff pro premium answered 6 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


gllermaly answered 6 years ago

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


Marta Szymanska staff pro premium answered 6 years ago

Hi,

You're welcome.


LordMark commented 3 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


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

Hi!

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

Keep coding!


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