How to change font size of page content?

Hello tagDiv-Team,
Can you please give me some advice on how to change the font size of page content?
(and preferably also the font color)

There is a possibility to change the font size of post content under theme panel/typography/post content font, but I cannot find a way to do the same for page content.

Your help will be highly appreciated.

Thank you in advance,
Mr. Arias

Hello Lucian,
Can you please give me the name of the default font used in post content(I’m using the newspaper theme).

So that I can insert that into custom css under the theme panel:

body {
font-family: ‘???????, serif;
font-size: 16px;
line-height: 24px;

Thanks in advance,
Mr. Arias

You can see the default fonts in the style.css file which comes with all WordPress themes. I just posted the info in another post a little bit ago, also.

You can find them by looking at the style.css file which is what is used to define basic styles for websites, and themes. It’s the “style sheet” for the site (css = cascading style sheet).

eg.

.td-page-title a,
.td-page-title span {
  color: #444444;
  text-decoration: none !important;
  font-family: 'Roboto Condensed', sans-serif;
  font-size: 30px;
  line-height: 37px;
  font-weight: normal;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
.entry-crumbs {
  position: absolute;
  top: -25px;
  left: 0px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 12px;
  line-height: 14px;
  color: #d0d0d0;
  /* responsive phone */
}

Note also that this was recently asked here: https://forum.tagdiv.com/topic/font-changing-on-post-but-not-on-page/

Hello,
Why is the code below not working when I paste it into the first custom css section:
______________________________________________________________________________________
.td-page-title a,
.td-page-title span {
color: #353535;
text-decoration: none !important;
font-family: ‘Roboto Condensed’, sans-serif;
font-size: 45px;
line-height: 60px;
font-weight: bold;

body {
font-family: ‘PT Sans’, sans-serif;
font-size: 20px;
line-height: 30px;
color: #666666;
}
______________________________________________________________________________________
I’m trying to change the page title and the body text at the same time. Is this even possible?

Your help is highly appreciated.

Thank you in advance for your time and effort,
Mr. Arias

I just tried that, and interestingly, it works for me in a child theme’s style.css but not in the custom CSS panel. If you add !important to any line, like this:

body {
  font-size: 20px !important;
}

It should override what’s there. If not, it’s either conflicting with other !important tags or being overridden by more specific selectors. See if that works.

Note that you don’t have to specify lines that you aren’t overriding. E.g. I think the body font-family is PT Sans by default, so you don’t have to include that line.

Also don’t forget closing bracket, missing in your example code …

.td-page-title span {
 color: #353535;
 text-decoration: none !important;
 font-family: ‘Roboto Condensed’, sans-serif;
 font-size: 45px;
 line-height: 60px;
 font-weight: bold;