Font weight changes in CSS not displaying outside admin area – Altitude Pro

[kt888]

Hi everyone!
The website is http://www.klusumatelpa.lv.
I have been editing Altitude pro child theme CSS style sheet. I needed to change the font to different then provided by default/demo, as I am writing in Latvian, and the default font didn't support all letters/symbols needed . Then I also needed to change size and weight to have the right look. All was great, only I have a problem with displaying desired font weight for headings H2, H3, H4, H5. If I view site as admin, changes are displayed just as I want (h2, h3, h5 are 100 and h4 are 700). However, when I am logged out or the website is viewed from any other browser or PC, the weight of these headings is displayed incorrectly (the weight is higher, too bold). Also text on the buttons are displayed with higher weight then I have set in CSS.
I tried adding !important, it didn’t work. Thus there must be some conflict in code perhaps? I have browsed the forum, read many threads, yet I still can’t find what is causing my problem.

I even contacted my hosting company to check if this perhaps is caching issue - it is not, they said the server doesn't cache the web on it's own. Also I don't have caching plugins, that could be interfering. And these changes were made at least two weeks ago - they should have been visible by now on other PC's and browsers by now.

I am out of options.. Any help would be greatly appreciated!

http://www.klusumatelpa.lv

[Victor Font]

When I look at your your home page, I see the following:

<h3><b>Izaicinājumi</b></h3>

The bold tag is set for 700 in CSS. The h3 is set for 300. The bold overrides the h3. You don't have the h3 set for 100 anywhere in your style sheet.

You also have an h5 wrapped around the content. The h5 is set to 300 at line 289. You haven't set it to 100 anywhere in your style sheet.

I also searched the theme's style sheet source code for "font-weight", you don't have any element set to 100 in the style sheet.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kt888]

Thanks for reply!
The H3 heading (<h3><b>Izaicinājumi</b></h3>) must be bold, however only in places where the tag is inserted.
After I posted about my issue I changed the weight 100 to weight 300 in CSS, as I thought that perhaps the font that I have chosen ('Open Sans', sans-serif) doesn't recognize value "100". Unfortunately, it didn't change anything, h2, h3, h5 are still too bold (except where purposfully a tag is inserted) - so this wasn't the fault..

[kt888]

I managed to fix the buttons, they look ok now when viewing the website while logged out from admin panel. However still no progress with the headings h2, h3 and h5..

[Victor Font]

Make sure you are calling the correct weights where you are enqueuing the font scripts in functions.php: Open+Sans:300,700,400

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[kt888]

Thanks a lot! 🙂 Issue is solved.
I didn't have the correct values in funtions.php

[Author]

Posts