change font size of site page title

  • Unknown's avatar
    thesqueezedlemonblog · Member ·

    I want to change the font size of site page titles without changing the size of my site’s headline. New to using CSS and not sure where or how to enter code.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    floflo56 · Member ·

    Hi there,

    You want to change the page titles, for example “december 2017” on this page https://thesqueezedlemon.com/december-2017/ without changing the size of the site headline, am I right?

    You can find all the instructions about entering custom CSS code on this page:
    https://en.support.wordpress.com/custom-design/editing-css/

    Once you find your way through the customizer you can use this CSS code :

    .entry-title h1 {font-size: ...px;}

    .entry-title and h1 will target your title and the command “font-size” will allow you to change the size of your title.
    (replace the “…” with the value in pixels of the font size you want)

    I hope it will help you with your first step into CSS .

  • Unknown's avatar
    thesacredpath · Member ·

    @thesqueezedlemonblog, the site title for Radcliffe 2 has a couple of sizes set for the page titles, one for screens/windows below 600px in width and one for 600px and greater. Since you are also using a custom font, we have to take that into account, so this would be the code you would need to change the font size for 600px and wider screens. 

    @media screen and (min-width: 600px) {
.wf-active .entry-title {
font-size: 42px;
}
}

    42px is the size it is now. Adjust that as desired.

  • The topic ‘change font size of site page title’ is closed to new replies.