Font Weight CSS Not Working

[segalomedia]

We are trying to control font weights on various pages across the site, but the font-weight CSS property is not working anywhere except for the homepage.

Do you have any idea how to get this working so we can do it on all pages?

Thanks,

[Prasant]

Hello There,

Thanks for writing in!

I wrote a example CSS for about page paragraph element to change font weight property and it’s working fine. Here is the code:

    .page-id-47 .x-text p {
        font-weight: 900;
    }

Can you please confirm?

Thanks.

[segalomedia]

@Prasant

.page-id-47 .x-text p {
font-weight: 900;
}

Yes, that works, but maybe I should’ve been more specific. In X Pro, I am trying to use the font-weight class in the style bar of an individual element. I want to be able to control each element’s font weight to make certain text elements more bold than others. But it doesn’t seem to be working the same way on any other page apart from the homepage.

[friech]

Hi There,

Thank you for clarification, but I was not able to replicate the issue. I was able to make bold the “WHAT WE DO” headline and text on this page (https://fundraisingu.testserver3.us/about/) by adding a font-weight attribute to the STYLE field. And so on this one (https://fundraisingu.testserver3.us/brenda-johnson/)

Please guide us on how we can replicate the issue.

Cheers!

[segalomedia]

Look at the “Local Fundraising Coaches” on the homepage. It’s 900 weight and very bold. If I try to do that same CSS code in the style box of Cornerstone for “ABOUT” on the about page it doesn’t make it even close to as bold.

See here:

We need that level of boldness for many of our text elements throughout the site, but are unable to do it to anything other than the homepage. It’s like it’s only getting the other font weights to about a 500 or 600 instead of a 900 like we need.

Thank you,

[friech]

Hi There,

Thank you for the clarification, there something on your home page that is bringing that boldness most likely the rev slider.

Add this line on your child theme’s style.css file to bring that boldness on all your pages.

@import url('https://fonts.googleapis.com/css?family=Oswald:500,600,700');

Hope it helps,
Cheers!

[segalomedia]

Oh wow! Perfect! That did it!

Thank you so much.

[nico]

Hi @Kampusphere

Happy to hear that it is okay already.

Feel free to ask us again.

Thanks.