Google Language Translator overrides the style

1 Views

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

Read More
<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 .

Post Views: 1

Related posts

1 comment

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

Comments are closed.