Solved

Change Blog post title font size on main web page

ZakThreads
Tourist
9 0 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?

Accepted Solution (1)

websensepro
Shopify Partner
1014 139 147

This is an 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);
}
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here

View solution in original post

Replies 9 (9)

Raj-webdesigner
Shopify Partner
236 52 53

Share Preview Link

 

If you require further help to optimize your store, please don’t hesitate to reach out.

This contribution will always benefit you and you will get my full help easily and you can contact me easily.
Your Willpower Contribution Link :-

Contribution



Contect On My Mail :-raj.s.webdevloper@gmail.com

techlyser_web
Shopify Partner
1423 268 282

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.

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

ZakThreads
Tourist
9 0 1

desktop.pngTo give an idea of what I am talking about.

techlyser_web
Shopify Partner
1423 268 282

can you share blog page URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
ZakThreads
Tourist
9 0 1

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.

techlyser_web
Shopify Partner
1423 268 282

@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>

techlyser_web_0-1711523936035.png

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

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

websensepro
Shopify Partner
1014 139 147

This is an 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);
}
Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
ZakThreads
Tourist
9 0 1

thx.