WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Need help editing just the body font (15 posts)

  1. Ginjarou
    Member
    Posted 1 year ago #

    Hi all,

    I'm using the Origami font (free version) and want to check the body font. I went to the style.css and searched for body but if I change this it changes everything except for my H1 logo. So it changes the body, navigation and a H2 heading I have in the body.

    Here is a screen shot of a static page on the site.

    The font it is now is Terminal Dosis and this is fine for the heading, nav links and H2 but I would like the body font to be calibri but can't find where in my style.css to change this?!

    Can anyone help me out?
    I have pasted in the style.css below.

    [Way too many lines of code for here - please see:
    http://codex.wordpress.org/Forum_Welcome#Posting_Code ]

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Can you post a link to your site ? With CSS, it's not possible to help much without seeing the site live.

  3. Ginjarou
    Member
    Posted 1 year ago #

    It's not live at the moment, I'm using desktop server and am just creating the site offline before I put it online.

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try using a browser developer tool for this kind of exploratory CSS work.
    I used Google Chrome's built-in Developer Tool just because I find it particularly easy to expose underlying HTML and CSS as compared to Firebug.

    Now that you know the style, from being exposed/added by the Developer Tool, you can add a new style to override it.

    You ought to add new styles externally, not within the theme's files. Changes to the theme's files will compromise the theme and be compromised when the theme updates.

    External changes can be made using a Child Theme or through a plugin that provides Custom CSS functionality.

    I recommend using the Jetpack plugin and its Custom CSS functionality to hold your CSS modifications.

  5. Ginjarou
    Member
    Posted 1 year ago #

    Ok, the style.css can be found here

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    We'll also need the HTML to the problematic webpage.

  7. Ginjarou
    Member
    Posted 1 year ago #

    as I said before, it's not online yet :( I'm using desktop server to create it and will host it when it's done.
    Do you think I should reset the theme to it's default and then use a custom css tool?

  8. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Yes, definitely don't edit theme files - custom CSS is a good way to go.

  9. Ginjarou
    Member
    Posted 1 year ago #

    Do you know how I can reset my theme? :/

  10. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    Replace any files you've changed with clean copies from a fresh download of the theme -- since you are on local, just copy them to the theme folder, replacing the old ones.

  11. Ginjarou
    Member
    Posted 1 year ago #

    If i delete it on WordPress it deletes the folder on my HDD too but when I install activate it again it's all the same as before :/

  12. Andrew
    Forum Moderator
    Posted 1 year ago #

    Could you provide just the HTML for one problematic webpage?

  13. Ginjarou
    Member
    Posted 1 year ago #

    It has completely changed now, I just need to reset this Origami theme which I can't see to do even if I delete it, it removes the folder but if I reinstall it stays the same as before? There must be some other files holding the settings

  14. Ginjarou
    Member
    Posted 1 year ago #

    OK, I download it from the website, not through WordPress and have reset it. Thank you, I will now try and use the custom css plugin to try and change things.

  15. Ginjarou
    Member
    Posted 1 year ago #

    Thank you

Topic Closed

This topic has been closed to new replies.

About this Topic