Change font-family and font-size in Blogs ONLY (Dawn Theme)

guisemen
Excursionist
31 2 3

Hey!

 

I could REALLY use your help with my ugly blog.  I'd like to improve its readability.

 

Can you help me change the blog menus (EXAMPLE) and actual blog posts (EXAMPLE) to reflect the below?

 

All headers (h1, h2, h3, etc...):

font-family = FiraSansCondensedBold and larger font than current size (feel free to adjust to improve readability)

 

All body text/links within the text: 

larger font than current size (feel free to adjust to improve readability)

 

I've already installed the FiraSansCondensedBold woff2 file within theme.liquid.

 

I don't want these changes to affect fonts anywhere else on the website. 

 

I would gladly take any other suggestions you have...

 

Thank you in advance for any guidance you can provide.

-Will
Replies 2 (2)

PageFly-Oliver
Astronaut
840 176 157

Hi @guisemen ,

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

{% if template contains "blog" %}
<style>
//all CSS will apply for the blog page
body{
font-family:add for font
}
</style>
{% endif %}



Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

guisemen
Excursionist
31 2 3

Hey Oliver!  

 

I attempted to do this by pasting at the very bottom of theme.liquid but nothing changed in the blog.  I also tried adding to base.css but, similarly, nothing changed.

 

Any chance you can advise?

 

Will

 

guisemen_0-1698088192901.png

 

-Will