Can I only change overline text's size?

KimKimKimKim
Tourist
9 0 4

Hi,

 

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

 

Screenshot 2024-06-03 at 3.43.47 PM.png

 

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!

Replies 6 (6)

techlyser_web
Shopify Partner
1612 299 322

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>

techlyser_web_0-1717397497423.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
KimKimKimKim
Tourist
9 0 4

Thank you !!!

techlyser_web
Shopify Partner
1612 299 322

Welcome @KimKimKimKim‌‌ 😁

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
KimKimKimKim
Tourist
9 0 4

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.

 

Screenshot 2024-06-03 at 4.19.45 PM.png

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!

techlyser_web
Shopify Partner
1612 299 322

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.

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

ZestardTech
Shopify Expert
5597 1017 1343

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

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing