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>

Add comment

Marta Szymanska staff pro premium answered 6 years ago

1 0 Best answer

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

Add comment

gllermaly answered 6 years ago

0 0 Best answer

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

Add comment

Marta Szymanska staff pro premium answered 6 years ago

0 0 Best answer

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

Add comment

LordMark answered 3 years ago

0 0 Best answer

.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!

Add comment

Write

Create snippet

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

gllermaly

281Support score
18Questions 18Answers

0Snippets likes 0Snippets