FROM CACHE - en_header

MOTION THEME - Breadcrumps - Change to all caps?

Solved
lion_no
Explorer
58 6 19

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 642 1512

This is an accepted solution.

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

Add this code in theme.scss or theme.css

@lion_no 

View solution in original post

Replies 6 (6)
lion_no
Explorer
58 6 19
Zworthkey
Shopify Partner
5581 642 1512

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

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

Thank You.

lion_no
Explorer
58 6 19

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 642 1512

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

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


Thank You.

Zworthkey
Shopify Partner
5581 642 1512

This is an accepted solution.

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

Add this code in theme.scss or theme.css

@lion_no 

lion_no
Explorer
58 6 19

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