The font header font-weight is not the same as all of the other headers in the tabs.
It looks correct on Chrome, but not on Firefox.
I am using this css …
.wc-tab h2 {
font-size: 17px!important;
/* font-weight: lighter!important; */
}
#top #reviews h2 {
letter-spacing: 0.0px;
font-weight: 200!important;
}
#top .woocommerce-tabs h2 {
font-weight: 200!important;
}
Hi richardelectrix!
Firefox is displaying a 30px font size, unless you have some classhing css, please insert the below css into your custom css section:
.wc-tab h2 {
font-size: 30px!important;
}
Cheers!
Dake
Hi
That words on the font size, but it doesnt control the font weight.
Reviews is much bolder.
I have also tried this …
font-weight: 200!important;
but it makes no difference.
Hi!
It appears that specific font-weight values aren’t being applied on Chrome.
Please make the below change to the previously provided css as a test to see if thefont weights will be applied:
.wc-tab h2 {
font-size: 30px !important;
font-weight: bold !important;
}
Best regards,
Dake
Thanks
I had to change the font of Reviews H2 as well …
.wc-tab h2 {
font-size: 17px!important;
font-weight: 200!important;
}
#top #reviews h2 {
letter-spacing: 0.0px;
font-family: "Open Sans","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
}
Hi!
I slightly increased the font-weight to 500 in your custom css, so a degree of bold is applied when viewing your website from chrome.
Best regards,
Dake