The strong tag doesn't work on Focus

[Ari Herzog]

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 am a storyteller. I moved my blog from Thesis to Genesis in April 2013. I’m still learning.

[David Chu]

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

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Ari Herzog]

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 am a storyteller. I moved my blog from Thesis to Genesis in April 2013. I’m still learning.

[mikefarag01]

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

[Nile Flores]

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

[David Chu]

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

---

Dave Chu · Custom WordPress Developer – likes collaborating with Designers

[Author]

Posts