Change h6 across site

Hi,

Just a quick one, i would like to change the heading 6 class mtn to 18px across my site but i can t seem to do it. I enter the code in the global css and it doesnt work. I fi inspect a page with a h6 text on it shows: h6 .mtn so i put:

h6, .mtn {
font-size: 18px !important;
}

and i have tried a few variants such as
h6.mtn
h6, .6.mtn

and it doesnt seem to set. When i change it in the inspector in chrome tools it work so im sure i just have the code wrong.

thanks folks.

Hi Chris,

Thank you for writing in, please add this to Theme Options > CSS

h6.mtn {
	font-size: 18px !important;
}

Hope it helps,
Cheers!

Hi @friech,

I have just tried that but no joy im afraid, I also added this to prevent it being capitals:

h6.mtn {
font-size: 18px !important;
text-transform: capitalize !important;
}

If i add this to a page css it works fine but if i apply it to the theme options > css it has no effect.

Any other ideas?

thanks,

Chris

Hi There,

Please try with this custom CSS instead:

body h6.mtn,
body .h6.mtn {
     font-size: 18px !important;
     text-transform: capitalize !important;
}

If it doesn’t help, please provide us with your website URL so we can take a closer look.

Thank you.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.