Bold blog posts styling causes issues

[Joanna]

Hi there,

I have issue with the blog posts styling. Whenever I make something bold (it is still a paragraph) in the text, whole styling changes and I would like it to be just bold, not to change font and letter spacing.

You can see it on the screenshot and on the post I have just created: http://www.varrojoanna.com/freelancing-from-home/

Can you please assist?

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Rui Guerreiro – SUPPORT]

Hi,

Can you try the code below.

.body-text strong {
    letter-spacing: inherit;
}

-Rui

[Joanna]

Hi there,

I have tried and the spacing between letters is fixed now but it still uses different font.

Thank you,

Joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

.article-body-wrap h2{
font-family:Georgia !important;
}

Thanks
Mohammad

[Joanna]

Hi there,

The problem is, I want my h2 – headings stay, styling as h2 headings. There is nothing wrong with that.

What is a bug and it is not working is that when you bold any text it changes font as well. Function bold () should only bold the text. That is what should to happen. Whenever I use bold anywhere in the website it automatically gives it an h6 styling as I can guess from the code.

Even when I apply your code it changes only my h2 headings, and I don’t want that. I want the text in the paragraphs which I made bold, to be bold only not to suddenly change the font out of nowhere.

Please see on screenshot the bug.

Thanks,

Joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please use this custom css code:-

strong{
font-family: "Georgia", Arial, Helvetica, Tahoma, sans-serif !important;
}

Thanks
Mohammad

[Joanna]

Hi there,

This code kind of worked: font is fine now but it removed the bold at all. So it is not a good solution as well.
Attached screenshot with how it is now on the website and where I made it bold in the editor.

Thanks,

joanna

Attachments:

You must be logged in to view attached files.

[Mohammad – SUPPORT]

Hi,
Please remove the last code and use this new code:-

strong{
font-family: "Georgia", Arial, Helvetica, Tahoma, sans-serif !important;
font-weight: bold !important;
}

Thanks
Mohammad

[Joanna]

Hi there,

Thank you, that worked for me and I am happy with the solution.

However, I am not sure but this issue looks to me like a bug in the theme as I heard of more people having this issue and this above code will affect other elements if I were to use bold with another font in the future. But maybe I am wrong!

Thank you for your time,

Joanna

[Mohammad – SUPPORT]

Hi,
You most welcome and glad 🙂 to help you.
Thanks
Mohammad