MOTION THEME - Breadcrumps - Change to all caps?

Solved
lion_no
Explorer
55 5 18

Quick question, how can we change this theme's breadcrumbs function to be ALL CAPS ?
i.e. - HOME / COLLECTIONS / * / *

Example on how it currently looks like:

lion_no_0-1634565395369.png

 

Thanks!

 

Accepted Solution (1)

Accepted Solutions
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

.breadcrumb {
    text-transform: uppercase !important;
}

Add this code in theme.scss or theme.css

@lion_no 

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

Replies 6 (6)
lion_no
Explorer
55 5 18
Zworthkey
Shopify Partner
5581 640 1498

Hii, @lion_no 
Paste this code on top of the theme.scss file.

em span {
    text-transform: lowercase !important;
}

Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
lion_no
Explorer
55 5 18

Hii @Zworthkey !
That unfortunately didn't work,

as seen here:

lion_no_0-1634566819367.png


(Viewing from a direct preview, after adding code)

Zworthkey
Shopify Partner
5581 640 1498

@lion_no 
Paste this code on top of the theme.scss file.

nav.breadcrumb a, span {
    text-transform: lowercase !important;
}


Thank You.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

.breadcrumb {
    text-transform: uppercase !important;
}

Add this code in theme.scss or theme.css

@lion_no 

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
lion_no
Explorer
55 5 18

Thanks a lot, once again!
That solved it just like I had imagined 😄