Fonts and headings are all bold by default

[Paul Sheiffele]

Hello,

I can’t seem to figure out how to stop our headings from being bold by default on site https://test.genetargeting.com. There are certain headings where I want just a few words within the heading emphasized in bold, but on the front end it just shows all words as bold. I tried using different font types, disabling the Google fonts plugin and just using your native font settings, all with no luck.

See here for the back-end (from this page: https://test.genetargeting.com/conditional-knockout-mouse-models/) where I bolded just a few words within a heading: https://ibb.co/y67b3Hp

And then on the front end of that page, here is how that heading displays (ALL words end up in bold): https://ibb.co/1Q5s7Rc

[Sonnal S Sinha]

Hi,

Okay, Kindly show us the particular page URLs where you want the changes to happen.

Regards,
Dave

[Paul Sheiffele]

Hi,

This issue is sitewide. All headings are bold by default and cannot be unbolded. But I also provided the URL for the particular page I was working on above, but here it is again: https://test.genetargeting.com/conditional-knockout-mouse-models/

[Sonnal S Sinha]

Hi,

Kindly use this CSS to fix bold headings issues.

strong {
  font-weight: 600;
}

Regards,
Dave

[Paul Sheiffele]

Hi,

So that worked to change the default font weight. But now it is bolding the wrong words. See here, how “conditional mouse models” appears as unbold, even though it is set to be bold in the backend: https://ibb.co/PTVXSPT

So basically, it’s making things that I select to be bold appear as unbold, and it’s making things that I choose to be unbold appear as bold.

[Sonnal S Sinha]

Hi,

Okay, Kindly show us page URL as well.

Regards,
Dave

[Paul Sheiffele]

Hi, it is the same page I linked previously: https://test.genetargeting.com/conditional-knockout-mouse-models/

The heading I am referring to is toward the bottom of that page

[Sonnal S Sinha]

Hi,

Remove this CSS which i sent previously.

strong {
  font-weight: 600;
}

And add this new CSS in custom CSS box.

.wp-block-heading {
  font-weight: 500 !important;
}

Regards,
Dave

[Paul Sheiffele]

Hi, thanks! This fixed it! I did however decide to keep both, but I added !important to both and changed the weight number a bit. But it worked to get it the way I wanted it to look. Thank you.

.wp-block-heading {
font-weight: 400 !important;
}

strong {
font-weight: 600 !important;
}

[Sonnal S Sinha]

Hi,

Welcome 🙂

If you found our service good kindly review us here: https://www.trustpilot.com/review/sktthemes.org

Regards,
Dave

[Author]

Posts