How to change fonts on an entire site after changing theme

  • Resolved revenue20

    (@revenue20)


    10 years, 10 months ago

    Hi,
    I have just changed my site’s theme from sunny blue sky to twenty eleven. I have also created a child theme for this theme.
    My problems:
    1. The font-size is too big (and also varies) across all the posts and pages
    2. The font type is different in some posts and pages

    I would like to make them all uniform i.e. same font type and font size on all the posts and pages.
    Due to some changes I made while using the previous theme (I think), I am not able to make any changes even when applying them from firebug.
    Example:
    I tried changing the font size by adding the following in the child theme (stylesheet)
    element.style {
    font-family: georgia,palatino;
    font-size: 10px;
    }
    doesn’t work!

    Also:
    body, input, textarea {
    font: 15px “Helvetica Neue”, Helvetica, Arial, sans-serif;
    }
    doesn’t work!

    My site is: https://www.volunteerabroadkenya.com

    Appreciate all the help I can get.
    Thanks!!

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

  • Hi revenue20

    Font sizes are controlled in the elements such as <p>, <h1> etc..

    I was able to modify your fonts in the <p> element with firefox. You would need to modify your css file in your theme to make the change.

    I’d be happy to help you with this?

    Thank you,

    pchoppin

    Thread Starter revenue20

    (@revenue20)

    Thank you pchoppin,
    Could you please tell me the codes I need to put in the Child theme?

    Sure

    The <p> element I looked at with Firebug should have the following:

    p {
    margin-bottom: 1.625em;
    font-size: small;
    }

    You can change the font size with several parameters. Try this in Firebug to get the results you want.. then edit your style.css file. The <p> element was found on line 342 or your style.css

    I hope this helps. Let me know if you have any other problems.

    Thank you

    pchoppin

    Thread Starter revenue20

    (@revenue20)

    pchoppin,
    I have inserted the below code in the child theme but it doesn’t seem to work yet.
    p {
    margin-bottom: 1.625em;
    font-size: small;
    }

    I have no idea why it doesn’t react…

    Ok, I just have a couple questions.

    Is the child theme active?
    Did you try this in Firebug?

    Would you like to contact me via Skype to see if we can resolve this easier?

    My Skype name is pete.choppin

    Thank you

    pchoppin

    Thread Starter revenue20

    (@revenue20)

    Finally managed to get it working (somehow) thanks to Pete and some messing around.
    This is what I did:
    textarea {font: 12px “Helvetica Neue”, Helvetica, Arial, sans-serif;}

    Oh that was it!! Awesome! Glad you got this working!

    Pete

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to change fonts on an entire site after changing theme’ is closed to new replies.

Tags