WordPress.org

Ready to get started?Download WordPress

Forums

Photogram
[resolved] Fonts (11 posts)

  1. jdiw
    Member
    Posted 1 year ago #

    I just updated the theme to discover - as there is no changelog, that the H1, H2 etc fonts have changed. How can I put it back to Bebas Neue?

    Also, I had put in my own html to remove the rss icon but keep the social icons. I managed to create one for email using icon-envelope but that no longer works - how can I do this now?

    Thanks

  2. Jess
    Member
    Posted 1 year ago #

    You need to use a Child Theme so that you can keep the modifications you make when the theme files are updated. Any custom CSS, like changing the fonts, can be made in the Child Theme.

    Child_Themes

  3. jdiw
    Member
    Posted 1 year ago #

    Thanks Jess. I didn't actually modify the file previously. They just changed the font used between one version and the next.

    Child theme sounds sensible so I'll investigate that, but am now wondering how I would go about modifying (to get it back to how the theme itself used to be)

  4. Jess
    Member
    Posted 1 year ago #

    If you have a copy of the previous version's stylesheet, which is what controls all of the visuals, then you can copy and paste the stuff you want to keep into your Child Theme's stylesheet.

    Using a Child Theme means that this situation - "They just changed the font used between one version and the next" - would not happen in the future when the theme author updates things, because you would have all of your own CSS in effect. Some people only put the things they are changing from the original CSS into the Child Theme, rather than copying all of the styling, but it is my personal practice to put ALL of the CSS for a theme into the Child Theme, so that I can compare an update with what I'm already using and make modifications as I want to. Avoids nasty surprises. :-)

  5. jdiw
    Member
    Posted 1 year ago #

    Thanks - will do.

    Before I do though - any idea how to change the font?!

    In the old version there was a clear link shown either in the style.css or in the header.php, can't remember, which linked to google. Can't see similar this time.

  6. jdiw
    Member
    Posted 1 year ago #

    Oh - and I fixed the email icon. I edited an icon file provided for WordPress icon.

  7. Jess
    Member
    Posted 1 year ago #

    Can you post a link to the site? Then I can look at the source code to see what CSS you need to look for.

    Or you can try to track it down yourself by using browser tools like Firebug in Firefox, or Google's developer tools package on Chrome.

    Firebug information: http://getfirebug.com/
    How to use developer tools on Chrome: https://developers.google.com/chrome-developer-tools/docs/overview
    And more on Chrome: http://webdesign.tutsplus.com/tutorials/workflow-tutorials/faster-htmlcss-workflow-with-chrome-developer-tools/

  8. Jess
    Member
    Posted 1 year ago #

    Got your url via email, thank you.

    Ok, so if you want to change all of the body fonts, look at line 130 of styles.css:

    body {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
    line-height: 19px;
    color: gray;
    background-color: #fafafa;
    }

    For the entry-text and comment headings, look at line 2498

    .entry-text h1, .entry-text h2, .entry-text h3, .entry-text h4, .entry-text h5, .entry-text h6,
    .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6
     {
      margin: 15px 0 15px;
      font-family: "Fjalla One", sans-serif;
      font-weight: normal;
      -webkit-font-smoothing: antialiased;
    }

    And for your widget titles (sidebar), line 2674

    .widget-title {
      font-size: 16px;
      text-transform: uppercase;
      font-family: "Fjalla One", sans-serif;
      font-weight: normal;
      margin-bottom: 5px;
      -webkit-font-smoothing: antialiased;
      color:#aaa;
    }

    If you take any of these blocks and paste them into your Child Theme style.css file, you can change all of the attributes as you wish.

    No idea on the slider/map question, sorry!

  9. jdiw
    Member
    Posted 1 year ago #

    Thanks Jess. Seems to work. Tho on changing the widget ones, the slider then affects the text on sliding. So frustrating. So just changed the H1s etc

    Thanks again

  10. Jess
    Member
    Posted 1 year ago #

    Glad to help -- please mark resolved if you feel so moved. :-)

  11. jdiw
    Member
    Posted 1 year ago #

    resolved

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags