Change Blog post title font size on main web page

Store Design
1

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?

2

Share Preview Link

3

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 on theme.liquid

h1.article-template__title { font-size: 14px !important; /*adjust according to you*/ }

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

4

desktop.png
desktop.png1034×880 93 KB

To give an idea of what I am talking about.

5

can you share blog page URL?

6

https://zaksthreads.store/blogs/clothing-youth/embrace-style-and-comfort-with-our-youth-t-shirt-collection-perfect-for-every-occasion

7

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.

8

@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 on theme.liquid

.article-card .card__heading { font-size: 20px !important; /*adjust according to you*/ }

techlyser_web_0-1711523936035.png
techlyser_web_0-1711523936035.png1155×449 52.3 KB

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

9

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);
}
1 Like
10

thx.

11

Can I also make the body font smaller?