font size of the site title in Twenty Fifteen

  • Resolved Leo-Tee

    (@leo-tee)


    9 years, 11 months ago

    Hello everyone,

    I really like the new Twenty Fifteen theme, but I’ve got a huge problem with changing font sizes in it.

    My Question is: How can I change the font size of the site title in the header?

    I already tried changing every .site-title but it didn’t work.
    It probably didn’t cause the theme is a responsive one.
    The only thing I found that affects the font size of the title is changing the size of every font of this theme at once:

    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    border: 0;
    font-family: inherit;
    font-size: 100%;
    font-style: inherit;
    font-weight: inherit;
    margin: 0;
    outline: 0;
    padding: 0;
    vertical-align: baseline;
    }

    I changed that font-size to 10pt to get the overall typography a little smaller. But then the site-title got tiny…

    The website I am working on is https://gruen-tee.com/

    Any help would be appreciated,
    Thanks a lot!

Viewing 6 replies - 1 through 6 (of 6 total)

  • Hi,
    I suggest you create and use a child theme of Twenty Fifteen. You can find simple instructions on the web how to do it.
    in this child theme, in style.css, I used the .site-title to change the font and it worked for me.

    Good luck

    Thread Starter Leo-Tee

    (@leo-tee)

    Hy syrandel,
    thanks for the help, it worked!
    I created a child theme and did all the changes in it.

    The only thing that was different was, that I had to use .site-title a instead of only .site-title

    and of course I had change the font size with .rem
    I never used that before, but I figured it out now

    Thanks again ??

    Thanks for the help @syrandel. I used the following code to make the site title only display one word per line.

    .site-title {
     display: table-caption;
 }

    Hello,

    I am trying do the same thing with my site: jeffseltz.com. Specifically, change the font size of the blog post titles. Can you please post exactly what code I need to insert to do this?

    Thanks

    Hi voyagebeyond,

    in your case it would be the following css class you need to alter:
    .post .entry-title { font-size: 2rem; }

    If you use this in your child theme, all your posts titles will be smaller.
    You could also change all the h1 titles in your site with:
    h1 { font-size: 2rem; }

    Thank you syrandel. I appreciate your help!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘font size of the site title in Twenty Fifteen’ is closed to new replies.