Fix Font Issues ( Shopify Dawn Theme )

[dreamtechzone_5]

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

[Dan-From-Ryviu]

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

[DaisyVo]

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 tag and add the following code above 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.

[dreamtechzone_5]

Thank you. Where should I paste the code?

[Dan-From-Ryviu]

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

[dreamtechzone_5]

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

[Dan-From-Ryviu]

Also, please update the code

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

[DaisyVo]

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

[dreamtechzone_5]

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

Result

[dreamtechzone_5]

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

[Dan-From-Ryviu]

Please update the code

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

[dreamtechzone_5]

Perfect. Thank you so much.

[Dan-From-Ryviu]

You are very welcome!

[dreamtechzone_5]

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

[Dan-From-Ryviu]

Please update the code

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

[mohan610]

@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.