Archived topic
Resizing the body text on a post archive
5 replies · Started by Simon on November 21, 2019
Hi, I found the CSS below in the forum somewhere. I am using it to change the size of the body text on mobile. Unfortunately it only resizes the text in the body of the post, not the text on the homepage archive. What should I add to achieve that?
@media (max-width: 768px) {
body {
font-size: 18px;
}
Hi there,
it looks like that CSS is working for me - you may need to clear your browser cache to see the result - to be sure try increasing the font-size to something much larger
I've tried it on a couple of phones, both android, and it's the same. The body text of the home page is smaller than when you click through to the actual post. I can't figure it.
Odd - in all my tests its working i can see the CSS and the computed size change.
You can try giving your CSS property some importance like so:
@media (max-width: 768px) {
body {
font-size: 18px !important;
}
}Thanks. I've tried that now but it's the same. I took some screen shots on my phone but its doesn't look like there is a facility to attached them.
The font resizes fine on the post page but just not on the home page snippet. Does it work for you on a phone?
Try this CSS:
@media (max-width: 768px) {
body, .entry-summary {
font-size: 18px !important;
}
}