WordPress.org

Ready to get started?Download WordPress

Forums

Teaser headlines bolded when viewed on a Mac, but not on a PC (7 posts)

  1. chriscbird
    Member
    Posted 2 years ago #

    I'm using teasers on the home page of my blog at http://www.healthyhomedreamteam.com and while the headlines appear in bold on my Mac, they aren't bolded when viewed on a PC. This wasn't always the case and only recently changed. Not sure what caused the change or how to fix it. Please advise.

  2. Zack Tollman
    Member
    Posted 2 years ago #

    Which headlines are you referring to? I'm not sure which ones are the "teasers".

  3. chriscbird
    Member
    Posted 2 years ago #

    The excerpts of posts on the home page with the thumbnail images next to them.

  4. Zack Tollman
    Member
    Posted 2 years ago #

    I'm looking at it now on a Mac and PC and it does not appear to be bold in either. Looking at the CSS, there are no rules that are instructing it to be bold and it does not appear to be bold. One of the most difficult issues when designing websites is getting the text to look consistent across browsers. It's possible that these differences are making the rendering of font look bold on your mac and not bold on the PC.

  5. chriscbird
    Member
    Posted 2 years ago #

    I am a novice at CSS, how do I edit this to make the headlines bold?

    .teaser h2 {
        font-size: 1.6em;
        line-height: 1.375em;
    }
    .teaser .format_teaser {
        font-size: 1.2em;
        line-height: 1.5em;
        margin-bottom: 1.5em;
        margin-top: 1.5em;
    }
    .teaser .teaser_author, .teaser .teaser_category, .teaser .teaser_date, .teaser .teaser_comments, .teaser .edit_post {
        font-family: Georgia,"Times New Roman",Times,serif;
  6. Zack Tollman
    Member
    Posted 2 years ago #

    Add
    font-weight: bold;
    to any of those classes and it should do the trick.

  7. chriscbird
    Member
    Posted 2 years ago #

    Yep! That worked!

    .teaser h2 {
        font-size: 1.6em;
        font-weight: bold;
        line-height: 1.375em;
    }

    So simple. Thank you very much for your help!

Topic Closed

This topic has been closed to new replies.

About this Topic