Increasing font size for header and body

  • Hi,

    I am using the Sela theme for my website at https://www.SavannahCookieDelivery.com. I like the way it looks except for the fact that the font is very small and difficult to read. I want to change the size of the font in the tagline, the size of the font on the navigation menu and the size of the font in the body of the pages. I am fairly familiar with CSS, so I thought this would be easy to change by going into the style.css sheet, but it is not easy to locate where I need to make these changes. Any help would be greatly appreciated.

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

  • First of all, you don’t want to make changes directly to the theme’s style.css file. If the theme gets updated because of feature enhancements, bug fixes, or security patches, or if the theme has to be updated because of a change to the WordPress core, then your changes will be lost. Instead, either create a child theme and add your CSS to your child theme’s style.css file, or use a CSS plugin like Jetpack or Custom CSS Manager. Using a plugin is a much easier route.

    Here are the current rules in effect for the elements which you mentioned:

    /* Body */
body {
   font-size: 1.6rem;
}

/* Tagline */
.site-description {
   font-size: 1.9rem;
}

/* Navigation menu */
.main-navigation a {
   font-size: 1.4rem;
}

    Copy & paste everything above into your custom CSS plugin and adjust the values as desired.

    Thread Starter dawnroma

    (@dawnroma)

    Thanks so much! I went with Jetpack, and it was so easy to change.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Increasing font size for header and body’ is closed to new replies.