How to change font sizes in your theme

Would you like to increase or decrease the size of a particular font in your theme? Below are code snippets for various theme areas. Feel free to change the pixel value (i.e. 15px) to your desired size.

How to add code snippets to your theme

  1. Copy desired code snippet below.
  2. Go to your Wordpress dashboard > Appearance > Customize > Additional CSS.
  3. Paste the code snippet in the box. Click Publish.
  4. You may need to clear your browser cache if you don't see the changes on your site.

Header Font Size

.site-title, .site-title a, .site-title a:hover { font-size: 48px; }

Description/Tagline Font Size

.site-description { font-size: 14px; }

Navigation Font Size

.genesis-nav-menu a { font-size: 12px; }

Body Font / Text Font Size

body, .entry-content p { font-size: 15px; }

Post Title Font Size

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

Headings Font Size (H1, H2, etc)

You can either add copy all 6 of these and add them to your theme, or just the one(s) you need.

h1 { font-size: 34px; }

h2 { font-size: 30px; }

h3 { font-size: 28px; }

h4 { font-size: 24px; }

h5 { font-size: 22px; }

h6 { font-size: 18px; }

Sidebar Title Font Size

.sidebar .widget-title { font-size: 16px; }

Sidebar "About" Bio Font Size

#about { font-size: 16px; }

Button Font Size

button,
input[type="button"],
input[type="reset"],
input[type="submit"],
.button,
.widget .button,
.archive-pagination li a,
a.more-link {
    font-size: 12px; }

Footer Credits Font Size

.creds,
.creds p,
.footer-menu a {
    font-size: 12px; }