How can I alter the breadcrumb title font in my cart?

Solved

How can I alter the breadcrumb title font in my cart?

florentinamx
Tourist
5 0 1

How do I change the font for the breadcrumb title "tu carrito"? I think it is an h3 but it won't do anything.

 

Screenshot: https://yourimageshare.com/ib/DvSRsrF5yP

Accepted Solution (1)
azamgill
Shopify Partner
325 47 82

This is an accepted solution.

Sorry, so you want this style (screenshot)

azamgill_0-1692061525287.png

You main font is poppin so you can try this CSS

.breadcrumbs-area .breadcrumb-content .title-3 {
    font-family: Poppins,sans-serif !important;}

and if you want arial font then 

.breadcrumbs-area .breadcrumb-content .title-3 {
    font-family: arial,sans-serif !important;}



Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify

View solution in original post

Replies 9 (9)

Made4uo-Ribe
Shopify Partner
9571 2279 2828

Hi @florentinamx 

 

You have to upload your custom font. See video below

 

 

If it helps, likes and mark as solution is appreciated 😊

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
Create custom Shopify pages effortlessly with PageFly's drag-and-drop ⚙️.

azamgill
Shopify Partner
325 47 82

Hey @florentinamx 

which font you want to use here? and can share your website URL, i want to check the breadcrumb class name

Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
florentinamx
Tourist
5 0 1
Florentina.mx
Thank you for the help
azamgill
Shopify Partner
325 47 82

Try this.

.breadcrumbs-area .breadcrumb-content ul li{ font-family: 'Your Desired Font', sans-serif !important;}
Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
florentinamx
Tourist
5 0 1

Like this? I want to change the font of the selected text, i think i was not clear about this, sorry. Here is a ss of what i did.

 

https://yourimageshare.com/ib/dPbiSQqR8L

azamgill
Shopify Partner
325 47 82

Hey, 
you need like this screenshot?

azamgill_0-1692059889299.png
you can try this css

<style>
.breadcrumbs-area .breadcrumb-content ul li,
.breadcrumbs-area .breadcrumb-content ul li a{ font-family: Great Vibes,cursive, sans-serif !important;}</style>

 

Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
florentinamx
Tourist
5 0 1

I would like all the text to be arial. Should I just copy the css and change the font family to “arial”? Thanks!

azamgill
Shopify Partner
325 47 82

This is an accepted solution.

Sorry, so you want this style (screenshot)

azamgill_0-1692061525287.png

You main font is poppin so you can try this CSS

.breadcrumbs-area .breadcrumb-content .title-3 {
    font-family: Poppins,sans-serif !important;}

and if you want arial font then 

.breadcrumbs-area .breadcrumb-content .title-3 {
    font-family: arial,sans-serif !important;}



Azam Gill
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution
- Encourage me ❤️

Come and visit us at Wbify
florentinamx
Tourist
5 0 1

I was having trouble finding where to paste the css but I finally did. Thank you so much for your help!