Can I only change overline text's size?

[KimKimKimKim]

Hi,

I'm looking for a solution to the problem of changing the size of overline text.

I think the overlined text, which is the first sentence, 'WE ARE A', is too small. Is there any solution for this problem?

The homepage's link is: https://kimspups.com/pages/about-us.

Thank you!

[niraj_patel]

Hello @KimKimKimKim 

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>
 .stacked-text--overline h3 {
     font-size: 30px !important; /*adjust according to table-layout*/
  }
</style>

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

[KimKimKimKim]

Thank you !!!

[niraj_patel]

Welcome @KimKimKimKim‌‌ 😁

Was your question answered? Mark it as an Accepted Solution.

[KimKimKimKim]

Hi Techlyser_web. I'm so glad that you gave me a valid solution.

But after changing my code, I found out that some parts of the overline text were changed as I wanted, but some didn't.

 

If you scroll down to our homepage, you'll find some unapplied overline texts. Can you find out why?

link is: https://kimspups.com/

Also, please give me a link to give you a cup of coffee 🙂

Thanks!

[niraj_patel]

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>
 h4[data-item="overline"] {
      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.

Thanks for coffee 😁 but where I'm living there is no delivery facility.

[ZestardTech]

Hi @KimKimKimKim 

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > theme--critical.css and paste this at the bottom of the file:

.stacked-text--overline h3 {
font-size: 25px!important;
}