I can't change font SIZE

[glauco]

Hello!

I use News Pro theme.

I can use Google Fonts to change font FACE regularly, but a problem persists: no change in font SIZE.

I try to change something here:

body {
	background-color: #f6f5f2;
	color: #353535;
	font-family: 'Merriweather', sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.625;
}

What's the difference between "16px" and "1.6rem"? Anyway, I try changing both, but it still doesn't work. I have always the same font size, no matter I change those numbers to 5 or to 50.

Please, what's the secret to change font size?

Thank you.

- Blog: gdamas.com
- My browser: Chrome

http://gdamas.com

[Victor Font]

You're probably just changing the font size in the wrong CSS class. Use your browser's inspect tool to see the CSS that affects the element you want changed. https://victorfont.com/how-to-use-your-browsers-inspect-tool/

Also, Google rem vs. px to learn the difference between the different CSS dimensions.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[glauco]

Thank you very much. Great article.

Unfortunatelly, I still cannot change font size. Honestly, I don't understand WHY this must be so confusing. It's the first time in my life that I struggle with this -- a simple changing in font size.

In the same place that I try to change font size, I change font face and it works well. So why not font size there too?

It appears that there's something linked to a percentage (something with 62,5%). I don't know how safe it is to change that. Maybe it will be OK in my browser, but I'll be affraid of problems in Firefox, Safari, etc.

Font size. A change. Just that. Hello, StudioPress.

[Victor Font]

When you are working in rem units, 62.5% in the html tag equals 10px. 1.6 rems is the equivalent of 16px. Don't change the 62.5%. As I said earlier, you are probably changing the font on the wrong element. Please post a link to an example page and specify which element you want to change.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[glauco]

Thank you very much.

I've found the problem:

/* Chrome fix */
body > div {
	font-size: 1.6rem;
}

Chrome, font size. And that's the browser I use (I have a Chromebook).

It was set for 1.6. For Chrome only, I presume. I've changed that to 1.8rem, and now the font IS bigger. But here comes another question: is it safe to change that, considering other browsers like Safari, Firefox, etc.?

[Victor Font]

Is it safe? Probably. The code labeled as a Chrome fix will most likely be applied to all browsers. There's nothing Chrome specific in that code. That code is applying the font size globally to any div that falls within the page body.

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[glauco]

I thank you a lot for your special attention!

Have a nice day.

[Bwesole]

If you're still having issues with text size, Go to wp dashboard > background>additional css at bottom of drop down menu. The code to edit is in there.

[Author]

Posts