how can I change the font size of the header

  • kk2020

    (@kk2020)


    4 years, 4 months ago

    Dear support-team,

    I ve recently installed the Twenty Twenty theme and I am not able to change the size of the font in the header. (To avoid missunderstandings: I mean the font, where in the demo version stands the text “Welcome to the Swedish Museum of Modern Art”). I have no coding knowledge. I’m working in the wp-admin area and there I cannot change the font size. If I click on the text, it always suggests to change the permalink, which I don’t wanna change.
    Looking forward to your reply and thanks in advance for your support. (My mothertongue is German – so you can also reply in German as well.)

    Kind Rergards,
    KK

Viewing 3 replies - 1 through 3 (of 3 total)
  • paulwpxp

    (@paulwp)

    4 years, 4 months ago

    Put this code in Appearance > Customize > Additional CSS

    Note that the rem values for different viewport sizes shown here are theme’s default, change each of those number to your liking.

    
/*** screen smaller than 700px ***/
h1, .heading-size-1 { font-size: 3.6rem; }

/*** screen between 700px to 1219px ***/
@media (min-width: 700px) {
	h1, .heading-size-1 { font-size: 6.4rem; }
}

/*** screen 1220px and bigger ***/
@media (min-width: 1220px) {
	h1, .heading-size-1 { font-size: 8.4rem; }
}
    keirag69

    (@keirag69)

    4 years ago

    I have no idea how to write code so the instructions to change the font size are meaningless to me. Is there a drop down within the program that gives various font sizes? I began using WordPress because it was stated in ads that it was great for beginners! Help!!

    stilman davis

    (@stilman-davis)

    4 years ago

    I just put the english instructions into a quick translation and it came up as
    Darstellung> Anpassen> Zusätzliches CSS (if everything is the same in terms of layout, the appearance is the sixth button).

    Place the code above into the area which opens up when you go to that part of the Dashboard.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how can I change the font size of the header’ is closed to new replies.