Support » Theme: Twenty Sixteen » Changing font-size default in twenty-sixteen

  • How do you change the default font-size? Only font color is under Appearance Customize. Where do I change font-size default? Thanks.

Viewing 11 replies - 1 through 11 (of 11 total)
  • Hi JB2,

    Twenty Sixteen hasn’t got Customizer option to change default font size. To do so, you need to use CSS. To make sure your modifications survive a theme update, I recommend you install a custom CSS editor plugin (there are good ones in the .org plugins repo).

    Then you could try modifying the global font size in the body tag:

    body {
     font-sze: 14px;
    }

    It could be other typographic elements have a specific font size, so you’ll have to target them and change the font-size value with CSS.

    I hope this helps.

    – Maria Antonietta

    Hi Maria,
    I would also like to modify the default font size and want to make it smaller. What do you mean by “.org plugins repo”? Which plug in do you recommend? and then what?

    Also, how do you make the blog post titles smaller?
    Thanks!

    Hi Kandkmatwick,

    I meant the custom CSS plugins hosted on this WordPress.org website, which are freely available for you to download and use. Here’s the URL to a search I’ve just performed, you’ll find a long list you can choose from:

    https://wordpress.org/plugins/search.php?q=custom+css+editor

    Using a custom CSS editor for your modifications (as long as they only include CSS) will avoid hacking the theme’s files and therefore preserve your modifications on the next theme’s update.

    If you post a link to your website I’ll be able to give you the exact CSS you need to make your changes.

    Cheers!

    Hi Maria,
    Thanks for your quick reply! I see there is Appearance > CSS Stylesheet Editor already loaded on WordPress. Is this different than one of the plug-ins you suggest?

    http://www.kandkmatwick.com/

    Thanks for offering about the CSS code- yes, please let me know the exact CSS needed to make the blog post titles smaller.

    Yes, it’s different. The Stylesheet Editor you’re referring to gives you access to your theme’s stylesheet. You don’t want to edit that. Your CSS needs to be separate from your theme’s CSS in order to be preserved on theme updates.

    Thanks for the link.

    At the moment the font-size is 1rem. To make the font-size smaller throughout, it needs to be less than that, let’s say 0.8rem, but that’s something you need to adjust as you see fit. Here’s the code:

    body, button, input, select, textarea {
        font-size: 0.8rem;
    }

    For the post title:

    .entry-title {
        font-size: 1.8rem;
    }

    You can adjust the value for the font-size to your taste.

    I hope this helps 🙂

    Thanks Maria Antonietta, this worked great!

    Fantastic!

    Maria, would you mind helping me with another css styling? I’d like to remove the Author tag at the bottom of the blog posts, such as this one: http://www.kandkmatwick.com/gold-silver-angel-food-cake/

    I downloaded the plug in Simple CSS Styling and put in these codes:
    .entry-title {
    font-size: 1.8rem;
    }

    body, button, input, select, textarea {
    font-size: 0.9rem;
    }

    .meta-sep {
    display:none;
    }

    .vcard{
    display:none;
    }

    .author{
    display:none;
    }
    .entry-meta {
    display:none;
    }

    But the Author tag and is still showing up. Do you know what’s wrong?
    I’d appreciate your expertise!

    Hi Kandkmatwick,

    You need this snippet:

    .author-info {
      display: none;
    }

    This gets rid of the entire contents pertaining to the author. If you want that to disappear only at the bottom of the single post page, just write:

    .single-post .author-info {
      display: none;
    }

    I hope this helps 🙂

    Super! Thank you Maria! That worked!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Changing font-size default in twenty-sixteen’ is closed to new replies.