Can I only change overline text's size?

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!

1 Like

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

.stacked-text--overline h3 { font-size: 30px !important; /*adjust according to table-layout*/ }

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

1 Like

Thank you !!!

Welcome @KimKimKimKim ‌‌ :grin:

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

1 Like

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 :slightly_smiling_face:

Thanks!

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

h4[data-item="overline"] { font-size: 20px !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.

Thanks for coffee :grin: but where I’m living there is no delivery facility.

1 Like

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;
}