Changing font size or formatting on translated pages

  • Resolved josiewin

    (@josiewin)


    4 years, 7 months ago

    I’m doing a English to Chinese translation of a website and because the text is much more concise in the Chinese translation, there’s a lot of empty space on the web page in desktop view. (Looks fine on mobile)

    Is there anyway I can move the formatting of the translated text or change its font size without altering the original text?

    • This topic was modified 4 years, 7 months ago by josiewin.
    • This topic was modified 4 years, 7 months ago by josiewin.
Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter josiewin

    (@josiewin)

    Found out that I can enter html code into the translation to somewhat alleviate the issue.

    Hello @josiewin

    You could use the following code to change font entirely on a particular language or the font size.

    This CSS code need to be added via your Customizer interface: WordPress -> Appearance -> Customize -> Additional CSS

    @import url('https://fonts.googleapis.com/css?family=Padauk&display=swap');
body.translatepress-en_US{ 
	font-family:Padauk;
        font-size: 50px;
} //

    Using this snippet you can go into more detail if you want a different experience on the translated language but it requires some CSS knowledge.

    Cheers,

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Changing font size or formatting on translated pages’ is closed to new replies.