Loading the 'light' (300) font of montserrat rather than regular 400

hello, my site is http://www.woowoolondon.com/

as you can see i have loaded Monserrat font in all the body text. but it looks too heavy , especially on the about and blog pages. ideally i want to load 300 beforehand on all the text. how do i do this please? i am a stranger to CSS . are my only options are 400 and 700 ?

Hello @woowoolondon,

Did you watch this support video?

Kind Regards, Roman.

thanks Roman ! i realised that there is no montserrat light on google fonts- i’ve gone for lato instead .

seperate question - how can i change the colour of the header (on scrolling down) from black to 3f51b5 ?

i tried here, but that hasnt worked.

a:focus {
	color: #3f51b5;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	   -moz-transition: all 0.3s ease-in-out;
		-ms-transition: all 0.3s ease-in-out;
		 -o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;

Hello @woowoolondon,

Can you please provide some explanatory screenshots?

You can upload screenshots to your WordPress Media Library and share a link, or you can use one of the online screenshot services.

Kind Regards, Roman.

hi Roman, wanting to change the colour of the header from black to something else.


Hello @woowoolondon,

Please try to use the following CSS code.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard → Appearance → Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

header#masthead.float-header {
    background-color: rgba(62,82,181,0.6);

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.

thank you Roman, that worked !

You are welcome @woowoolondon,

It’s great that it worked!

Kind Regards, Roman.