[quinutoParticipant]

Hi,

I’m trying to format the top bar so it fully fits with my site, but I run into problems with applying certain characteristics.

I use the code below and the font-family and font-seize works, but the font-weight doesn’t change anything. I tried quite a few combinations, but nothing did change it. Any tips?

header, footer {
	font-family: "Lato" !important;
	font-weight: 100 !important;
}

.x-topbar .p-info {
	font-size: 12px;
	letter-spacing: 1px;
    line-height: 1.4;
}

If it helps … you can find the site under: http://undressed.onpressidium.com/

[LelyModerator]

Hi There,

This is the font available on your site:http://fonts.googleapis.com/css?family=Crimson+Text%3A400%2C400italic%2C700%2C700italic%7CLato%3A700%7CJosefin+Sans%3A400&subset=latin%2Clatin-ext&ver=4.6.4

As you can see, font weight 700 is the only available for LATO.
We can add the following line on your child theme styles.css at the very first line for font weight 100 to load and for the CSS to work:
@import url('https://fonts.googleapis.com/css?family=Lato:100');
We need to load the font before we can use it.

Hope this helps.

[LelyModerator]

Hi There,

This is the font available on your site:http://fonts.googleapis.com/css?family=Crimson+Text%3A400%2C400italic%2C700%2C700italic%7CLato%3A700%7CJosefin+Sans%3A400&subset=latin%2Clatin-ext&ver=4.6.4

As you can see, font weight 700 is the only available for LATO.
We can add the following line on your child theme styles.css at the very first line for font weight 100 to load and for the CSS to work:
@import url('https://fonts.googleapis.com/css?family=Lato:100');
We need to load the font before we can use it.

Hope this helps.

[quinutoParticipant]

Lely, thank you so much for the clarification. It works now!

[JoaoModerator]

Glad to hear it,

Cheers!

[Author]

Posts