Fix Font Issues ( Shopify Dawn Theme )

Solved

Fix Font Issues ( Shopify Dawn Theme )

dreamtechzone_5
Shopify Partner
484 1 89

Hello Everyone!

 

I have added the collection tab through coding. But I see two fonts here. I want to keep the "Americana" font. Is it possible? Please help me. Thank you.

 

Store: https://dream-candle-lights.myshopify.com/

Password: Admin

 

DREAM-CANDLE-LIGHTS.png

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
10959 2148 2287

This is an accepted solution.

Please update the code 

#tabs .card-information,
.tabs.ui-tabs .ui-tabs-nav li p,
#tabs a.button {
    font-family: Americana, serif !important;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Replies 15 (15)

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

Hi @dreamtechzone_5 

Please add this CSS code to do that 

#tabs .card-information,
#tabs .tabs.ui-tabs .ui-tabs-nav li p {
font-family: Americana, serif !important;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dreamtechzone_5
Shopify Partner
484 1 89

Thank you. Where should I paste the code?

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

Please add code to Custom CSS of in Online Store > Themes > Customize > Theme settings

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dreamtechzone_5
Shopify Partner
484 1 89

Thank you. But the collection tab's font doesn't change.

Screenshot 2025-02-04 145920.png

 

Result

 

Screenshot 2025-02-04 145407.png

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

Also, please update the code 

#tabs .card-information,
.tabs.ui-tabs .ui-tabs-nav li p {
font-family: Americana, serif !important;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dreamtechzone_5
Shopify Partner
484 1 89

Thank you very much. It worked.  Also, can the text of the View All button be changed?

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

This is an accepted solution.

Please update the code 

#tabs .card-information,
.tabs.ui-tabs .ui-tabs-nav li p,
#tabs a.button {
    font-family: Americana, serif !important;
}

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dreamtechzone_5
Shopify Partner
484 1 89

Perfect. Thank you so much.

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

You are very welcome! 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

dreamtechzone_5
Shopify Partner
484 1 89

I see another problem again. The font of the discount has not changed.

DREAM-CANDLE-LIGHTS-ONLINE-SHOP-02-04-2025_03_31_PM.png

Dan-From-Ryviu
Shopify Partner
10959 2148 2287

Please update the code 

#tabs * {
font-family: Americana, serif !important;
}

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

DaisyVo
Shopify Partner
3688 403 489

Hi @dreamtechzone_5 

 

I hope you are well. You can follow our instructions below:
1/ Shopify admin > Online store > Edit code: https://prnt.sc/M4p-gua99Uf4
2/ Search for "theme.liquid" file: https://prnt.sc/b6xveIKe-Rh2
3/ Open the file and search for </head> tag and add the following code above </head> tag: https://prnt.sc/KWtKYyZkDtYJ

 

Here is the code for Step 3:

 

 

{% style %}
.card.card--card * {
    font-family: 'Americana' !important;
}
{% endstyle %}

 

 

Please let me know if it works. 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
dreamtechzone_5
Shopify Partner
484 1 89

Thank you. But the collection tab's font doesn't change.

 

Screenshot 2025-02-04 145407.png

DaisyVo
Shopify Partner
3688 403 489

I edited on the collection page but I don't see the red circled part like the picture you sent.

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

mohan610
Shopify Partner
32 3 5

@dreamtechzone_5 

Yes, it's possible using hard code CSS by applying the font-family to a class. However, I recommend using dynamic settings instead. I can add a font picker to the theme settings, allowing you to update the font anytime you want. Feel free to contact me if you need assistance.

➜ Solved it? Hit Like and Accept solution!
➜ Optimize/Customize your Store with Volume/Tier Discount
➜ Need a Shopify developer? Hire me at Upwork OR Everythinginhand