My problem is that setting a bold and italic font-weight or family automatically changes all fonts throughout the site with that font family, even if you have a different font-family applied for body/headings.
For example:
We have 1 font family for Headings (Arsenal), and for body fonts, we are using Montserrat.
When setting Bold to Arsenal font-family, it automatically changes all bolded body text to Arsenal, even though it should change to Montserrat.
If we don't set a font-family for bold or italic, then any headings that have bold or italics change to Montserrat.
Is it possible to ensure the heading font bold and italics use the inherit heading font-family and the same for body font?
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body b, body strong, body .bold {
font-family: inherit !important;
}
Hi,
My problem is that setting a bold and italic font-weight or family automatically changes all fonts throughout the site with that font family, even if you have a different font-family applied for body/headings.
For example:
We have 1 font family for Headings (Arsenal), and for body fonts, we are using Montserrat.
When setting Bold to Arsenal font-family, it automatically changes all bolded body text to Arsenal, even though it should change to Montserrat.
If we don't set a font-family for bold or italic, then any headings that have bold or italics change to Montserrat.
Is it possible to ensure the heading font bold and italics use the inherit heading font-family and the same for body font?
Thank you.
Hey Again,
Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):
body b, body strong, body .bold { font-family: inherit !important; }Thanks
ThemeNectar Support Team
Thank you.
This solution worked.