Support » Fixing WordPress » Teaser headlines bolded when viewed on a Mac, but not on a PC

  • 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.

Viewing 6 replies - 1 through 6 (of 6 total)
  • Which headlines are you referring to? I’m not sure which ones are the “teasers”.

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

    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.

    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;

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

    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!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Teaser headlines bolded when viewed on a Mac, but not on a PC’ is closed to new replies.