How To Change The Font Style In Child Themes For The WordPress ?

To change the font style, size and color is very simple to do across all the premium themes for Genesis, that’s the beauty about using it for its ease of use and customization. There are some elements however that are beyond my knowledge but I’m learning how to do them slowly. Also make sure to check out best wordpress themes.

Ok let’s begin…

Step One

Once you’re logged into your WordPress dashboard head straight over to Appearance > Editor. Just a couple of obvious tips: When you’re on the editor page just make sure that the right theme is selected.

Step Two

Now scroll down the page, you may not have to depending on which theme you’re using for Genesis, you’ll see the line tag starting with body { followed by background, color etc…

Editor Code

The background: #FFF… determines the color of the background outside the wrap in the News Child theme for example. You can change the color of this background to anything you want here. For example if I changed the #FFFFF (white) to #666666 (grey.

Background

The Font-Size: 16px… determines the size of the font; again you can change that to 10, 12, 14 or whatever you want, whether you want to increase or decrease font size… simple.

The Font-Family: Georgia… determines the style of font you are using i.e. Arial or Georgia… Again you can change that to whatever you want.

One other item that I’ve not highlighted in the diagram is that you can also adjust the line height. If you look at the diagram it’s set to 20px. So for example if I changed that to 30px and hit update file, that increases the line gap between the text in the content of your posts and pages, and vice versa to decrease it.

Step Three

Once you’ve made your desired changes simply hit the update file button to see the changes, adjust accordingly until you find the perfect balance.

If you have any questions please don’t hesitate to ask, enjoy.

Leave a Reply

Your email address will not be published. Required fields are marked *