The strong tag doesn't work on Focus

Community Forums Forums Design Tips and Tricks The strong tag doesn't work on Focus

This topic is: not resolved

Tagged: , ,

This topic contains 5 replies, has 4 voices, and was last updated by  David Chu 9 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #33336

    ariherzogdotcom
    Participant
    Post count: 11

    Out of the box, the strong formatting tag doesn’t embolden anything. Why not? Is there a default CSS setting preventing this? Before I look at the code, I figured I’d ask you smart people. Thanks.


    I explore new and emerging media at ariherzog.com. I’m also new to Genesis in April 2013.

    #33539

    David Chu
    Participant
    Post count: 1184

    Hi,
    Interesting question, I saw a similar one the other day. Looking at the demo, when I add STRONG tags, it works great for me, I’m using Firefox on Win7. Your setup may be different. I have a couple thoughts.

    There’s nothing in this CSS (at least on the demo) that explicitly makes STRONG bold. STRONG should usually work anyway, BUT…. when CSS uses a big old reset at the get-go, and most CSS does, that may unbold STRONG. :-)
    One could try adding this little block of CSS:

    strong {
      font-weight: bold;
    }
    

    If that doesn’t work, I have one last idea. We’re all living and dying by Google fonts these days. My theory is that some browsers need more to go on, so to speak. Any stock Genesis theme seems to do the simplest Google fonts include call. I can’t even post an example here, because the import statement blows up this forum’s parser, adding confusing extra HTML no matter what tags I surround it with.

    You can try this. Go to Google fonts, and look up the font that’s being used that you want to make bold. Stock Focus has Lora and Yanone Kaffeesatz. Find your font and click “quick use”. When you bring them up, only “Normal” will be selected. Try also selecting “Bold”, and then scroll down. Find the “import” tab, and click that. You’ll get code that you can use instead of the import statements in your CSS. This explicitly brings in both normal and bold.

    If that doesn’t work, you got me. :-)

    Dave


    David Chu · Custom WordPress Developer – likes collaborating with Designers

    #33579

    ariherzogdotcom
    Participant
    Post count: 11

    Hi David, Chrome is causing the error. I can see the bold on Safari and my mobile.

    So… how can Chrome show the boldness with the built-in WP strong tag?


    I explore new and emerging media at ariherzog.com. I’m also new to Genesis in April 2013.

    #52335

    mikefarag01
    Participant
    Post count: 1

    Having the same issue with Eleven 40 Child Theme on Chrome browsers.

    #52342

    Nile Flores
    Participant
    Post count: 29

    You don’t need to look into Google fonts.

    The CSS given is on the correct path.

    you may need to designate for p strong, or .entry-content p strong

    Ari… what site is this happening on, and have you validated the code/ css? I see it working on your site just fine in Chrome.


    I help people rock out their sites! – Blondish.net

    #52364

    David Chu
    Participant
    Post count: 1184

    You go, Nile!
    As before, I can’t break Eleven40 whether on Firefox, Chrome, or what-have-you.

    As Nile says, you may need to get very specific with your CSS. And as always, having a link to show your problem will always get better answers.

    Dave


    David Chu · Custom WordPress Developer – likes collaborating with Designers

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.