CODEWITHSUNDEEP
htmlcsswordpress
Vishnu R Nair
Vishnu R Nair

Reputation: 317

Google Language Translator overrides the style

I am creating a website using wordpress and I just integrate Google language translator . Everything works fine but the problem is that when I translate language it changes the font size . So by default (without translating) I am getting 

<h1 class="intro-text">iDEAS , Solutions , Strategies for your Business <br>
</h1>

from the inspect element . But when I translate it to Spanish or any other languages it reduce the size . I inspect in the Inspect element and I am getting 

<h1 class="intro-text">
<font><font>ideas, soluciones, estrategias para su negocio </font></font>
<br> </h1>

. That is why the problem occurs how to over come this . If I translate I need a result like , 

<h1 class="intro-text">
ideas, soluciones, estrategias para su negocio 
<br> </h1>

any help will be really appreciated .

Upvotes: 1

Views: 2111

Answers (1)

vivekkupadhyay
vivekkupadhyay

Reputation: 2891

If you want same font-size even when you translate the page, then you should write CSS for font tags which are being appended while the translation within class="intro-text".

<!-- Bofore Translation -->
<h1 class="intro-text">
   iDEAS , Solutions , Strategies for your Business <br>
</h1>
<!-- After Translation -->
<h1 class="intro-text">
   <font><font>ideas, soluciones, estrategias para su negocio </font></font><br>
</h1>

CSS:

.intro-text,
.intro-text font { font-size:20px;}

This will maintain the same font-size after the translation.

Upvotes: 3

Related Questions