Docs

[Alejandro Jose S]

Hello,

As the title implies I have a very weird problem: I can’t change the font-weight property of a custom headline.

Right now it (custom headline) has a w-300 class and a custom CSS:

 .w-300{
    font-weight: 300 !important;
}

But it just doesn’t work, not even on the inspector.

I first thought it was because of the background image (it uses the link of the original source’s site) but I removed it and it still doesn’t work. Am I doing something wrong?

[Alejandro Jose S]

This reply has been marked as private.

[Jade]

Hi there,

I checked the page you have provided above and the font weight of the custom headline is working correctly. Were you able to sort out the issue?

[Alejandro Jose S]

No, that’s the weird part, it seems to have a 300 font-weight (even the inspector shows a 300 font-weight) but the one showed is the same as the one above which is a font-weight: 600;

I can pretty much customize everything through CSS (color, background color/img, font style, font size etc) BUT the font-weight which is very very weird.

By the way, i don’t have any caching plugin, CDN or any optimization code whatsoever, so at least that’s not it.

[Christian]

Hey Alejandro,

That is because the font weight you’ve selected is 600 (see attachment). The w-300 class will only work if the specific font weight is available.

Thanks.

[Alejandro Jose S]

The 300 weight for raleway is available (even in customizer).

I did choose the 600 weight on the customizer as most of my headlines will use that one (and i want 600 to be the default weight) but i want some specific headlines to use the 300 font weight property instead, but for some reason it just doesn’t work. could you tell me if by any chance i’d have to import and declare this font again, this time with the 300 weight as the default in the page or something like that? (as if i’d be using the font for the first time)

Because it seems to be there in the inspector as well but it’s not showing the correct weight, it only shows the default one (600)

thanks.

[Lely]

Hi There,

Upon checking Raleway 300 is not available on your site. See attached screenshot. Available fonts are the following only:

Open Sans 400, 400 italic, 700, 700italic
Raleway 600 700
Lato 700 

To use the 300 font weight of Raleway, add the following line on your child theme style.css file at the very first line:

@import url(https://fonts.googleapis.com/css?family=Raleway:300);

Hope this helps.

[Alejandro Jose S]

really? so weird! i just used in on the customizer 😮
However, cool thanks!

[Rahul]

You are welcome!

[Author]

Posts