How can I adjust the font size for blog posts on Empire?

[RebsFab]

Hi there,

I would like to change the font size of my site’s blog posts only. Here is an example post where you can see it’s quite small. Ideally I’d like it a little larger (a lot of our audience are older people so this size font is probably hard on their eyes).

https://www.rebsfabstash.com/blogs/news/pacific-northwest-life-quilt-sew-along

Any help would be much appreciated!

-Rebs

[Made4uo-Ribe]

Hi @RebsFab

Do you mean like this? If its is try this.

• From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
• Find the theme that you want to edit and click on “Actions” and then “Edit code”.
• In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

.article--content.rte p {
    font-size: 20px;
}

• And Save.
• Result:
• 

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[RebsFab]

Hi there,

Thanks for helping me out! It looks like that worked on everything except the text that’s part of the bulleted list:

https://www.rebsfabstash.com/blogs/news/pacific-northwest-life-quilt-sew-along

-Rebs

[Made4uo-Ribe]

This one? If it is try this one.

Same Instruction.

#shopify-section-template--16345537609877__main > section > div > div.article--inner > div.article--content.rte > div {
    font-size: 20px;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[RebsFab]

Hi there,

Doing that reverted things to the smaller font again and also narrowed the content considerably. For now I can definitely just not use bullet points although if you have any other ideas, I’d love to try them as bulleted lists do come in handy a lot with our content.

Cheers,

Rebs

[ZestardTech]

Hello there,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.article--content.rte p {
font-size: 16px;
}

[RebsFab]

Hi there!

Works just fine on most of the text, but the bulleted list is still stuck at a smaller font size:

https://www.rebsfabstash.com/blogs/news/pacific-northwest-life-quilt-sew-along

-Rebs

[Made4uo-Ribe]

Hi,

Do you like to bullet them? like this?

or

If this what you mean try this then.

Same instruction.

#shopify-section-template--16345537609877__main > section > div > div.article--inner > div.article--content.rte > div > ul {
    list-style-type: square !important;
}

And Save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

[RebsFab]

Hello,

The table of contents is fine, it’s the bulleted lists within the post that aren’t enlarging: