MOTION THEME - Breadcrumps - Change to all caps?

Solved
lion_no
Excursionist
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
2535 301 634

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

Replies 6 (6)
lion_no
Excursionist
55 5 18
Zworthkey
Shopify Partner
2535 301 634

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
lion_no
Excursionist
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
2535 301 634

@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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Zworthkey
Shopify Partner
2535 301 634

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.
if you Want to modify or Customize your theme ,
Hire us | Whatsapp. and we also help you to guide how to reach to your potential customers to increase brand presence, engagements and sales for your business or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com

View solution in original post

lion_no
Excursionist
55 5 18

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