Shopify main page blog post body font

Solved

Shopify main page blog post body font

Alishan12
Tourist
7 0 1

I'm using Dawn. On my main page I added the element "Blog Posts". I'd like to change the body font to smaller size. 

What should i do?

Thanks.

1730033723724.jpg

Accepted Solution (1)
DaisyVo
Shopify Partner
4385 486 579

This is an accepted solution.

Hi @Alishan12 

 

Here is the detailed guide for it: 

 

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd

Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-

Step 3: Copy the code below and paste it there. Then save the change

 

 

p.article-card__excerpt.rte-width {
    font-size: 14px !important;
}

 

 

Note: You can edit the number 14 from the code we shared to adjust the font size as you wish. 

 

I hope it can help. Thank you so much!

 

Best,

Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 6 (6)

DaisyVo
Shopify Partner
4385 486 579

Hi @Alishan12 

 

May I know your store domain for further investigation? I can provide CSS code to change the font size.

 

Looking forward to hearing from you soon. Thank you!

 

Best,

Daisy - Avada Support Team. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Alishan12
Tourist
7 0 1

Here's my domain. 

https://sensory-journal.com/en

DaisyVo
Shopify Partner
4385 486 579

Hi @Alishan12 

 

Are you referring to this block? 

 

DaisyVo_0-1730038983607.png

 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
DaisyVo
Shopify Partner
4385 486 579

This is an accepted solution.

Hi @Alishan12 

 

Here is the detailed guide for it: 

 

Step 1: Go to your Shopify admin > Online store > Customize: https://prnt.sc/XQ6IDB99kUCd

Step 2: From the left menu > Theme settings > Open Custom CSS: https://prnt.sc/iDxwa8zBQ4Z-

Step 3: Copy the code below and paste it there. Then save the change

 

 

p.article-card__excerpt.rte-width {
    font-size: 14px !important;
}

 

 

Note: You can edit the number 14 from the code we shared to adjust the font size as you wish. 

 

I hope it can help. Thank you so much!

 

Best,

Daisy - Avada Support Team.

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
Alishan12
Tourist
7 0 1

It worked. Thank you so much!

DaisyVo
Shopify Partner
4385 486 579

Hi @Alishan12 

 

Thank you for your confirmation. I'm glad it can help.

 

Please let me know if you need anything else. Thank you!

 

Best,

Daisy - Avada Support Team. 

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution