Default font size

[bjorn.granberg]

bjorn.granberg

March 19, 2020 at 9:55 am

Hi, I am new to Kadence – two days hehe 🙂

So I here is my question: I changed the header fonts and the “body font” in the theme settings to make them larger than the default. Headers work fine but the body font cascades to the paragraphs. However there are a lot of fonts that now are too tiny in comparison – see screenshot.

So I tried to paste this CSS in (advanced settings – no child theme):
html { font-size: 100% !important; }
body {
font-size: 1.25em !important;
line-height: 1.2!important;
}

But it doesnt solve the problem.

I am looking for a solution to increase the font size over the whole site. It’s very tedious to go through page by page and function by function..

The below CSS took me 20+ minutes and its just the blog and a couple of widgets in the footer.

.author-profile.vcard .author-follow span.followtext,
.subhead span.postedintop,
.subhead span.postedintop a,
.subhead span.postcommentscount a {
font-size: 16px;
}
.postmeta .postdate {
font-size: .75em;
}
input#submit.submit {
font-size: 1em !important;
}
form#commentform.comment-form p.comment-form-comment label {
font-size: 1.25em;
}
.kad-testimonial-carousel .testimonialbox {
font-size: 1em;
}
.testimonialbottom p {
font-size: .8em;
}
.footercredits p {
font-size: .85em !important;
}

Thank you!!
Björn Granberg