Editing Typography and Spacing

Community Forums Forums Design Tips and Tricks Editing Typography and Spacing

This topic is: resolved

This topic contains 4 replies, has 3 voices, and was last updated by  SandraEPro 1 year, 9 months ago.

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #9574

    SandraEPro
    Participant
    Post count: 12

    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!

    #9580

    media317
    Participant
    Post count: 52

    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

    #9581

    Susan
    Moderator
    Post count: 9240

    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

    [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;
    }

    [/css]

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

    So, what you will end up with is:

    [css]

    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;
    }

    [/css]


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9583

    Susan
    Moderator
    Post count: 9240

    Looks like Alan and I were replying at the same time :)


    Susan @ Graphically Designing I offer theme customizations I tweet!
    I’ve taken up the challenge! – help me answer some of the unanswered posts

    #9595

    SandraEPro
    Participant
    Post count: 12

    That helps, thanks so much!

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘Editing Typography and Spacing’ is closed to new replies.