Editing Typography and Spacing

[SandraEPro]

I need help implementing a code on my site. I'm using the Freelance Child Theme, and I'm trying to add in the code from this link:

http://www.briangardner.com/typography-and-spacing/

I just don't know where to add it. Thanks for any help you can give!

[media317]

You would edit your style.css file in your Freelance Child Theme.  You can do that by logging into the dashboard of your site, going to Appearance/Editor.  Select your theme from the dropdown box and edit the style.css file.

Be careful to have a backup in case you change something that breaks the sheet and your site.

---

Alan Smith
Media317

[Susan]

Sandra:

The code he references is just an example of good typography versus bad typography; you wouldn't actually plug in the "good typography" code directly into your CSS.

Look for this in your CSS

body {
 background: #CCCCCC url(images/bg.png) repeat-x;
 color: #333333;
 font-size: 14px;
 font-family: Georgia, Times New Roman, Trebuchet MS;
 margin: 0 auto 0;
 padding: 0;
 line-height: 24px;
 }

Go ahead and replace the font size and padding with what he recommended in his link,

So, what you will end up with is:

body {
background: #CCCCCC url(images/bg.png) repeat-x;
color: #333333;
font-size: 16px;
font-family: 'Lato', sans-serif;
margin: 0 0 25px
padding: 30px;
line-height: 24px;
}

[Susan]

Looks like Alan and I were replying at the same time 🙂

[SandraEPro]

That helps, thanks so much!

[Author]

Posts