Change Blog post title font size on main web page

[ZakThreads]

On my main page I added the element "Blog Posts". However, I do not like how big the title font is. Can I make that smaller? And how?

[Raj-webdesigner]

Share Preview Link

[niraj_patel]

Hello @ZakThreads 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  h1.article-template__title {
      font-size: 14px !important; /*adjust according to you*/
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[ZakThreads]

To give an idea of what I am talking about.

[niraj_patel]

can you share blog page URL?

[ZakThreads]

https://zaksthreads.store/blogs/clothing-youth/embrace-style-and-comfort-with-our-youth-t-shirt-coll...

[ZakThreads]

Sense Theme

Version 13.0.1

Looking on how to make the titles to the blog posts that show up on my main page in the "blog post section" smaller. Tried everything, edited the code with every mentioned way, and still not getting the results that I want.

For reference, see above picture.

[niraj_patel]

@ZakThreads 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
 .article-card .card__heading {
     font-size: 20px !important; /*adjust according to you*/
 }
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[websensepro · Accepted solution]

Hello @ZakThreads ,

Go to online store  > Themes >  Edit code  > Find base.css file 

Add to the give code at the bottom of the file base.css 

.h2 {
    font-size: calc(var(--font-heading-scale)* 18px);
}

[ZakThreads]

thx.

[Alishan12]

Can I also make the body font smaller?