Breadcrumbs related question

Solved
MarioKan
Excursionist
29 1 5

Hello

How can I highlight the active link of the breadcrumb in bold? Thanks in advance

0 Likes
JHKCreate
Shopify Partner
1984 321 426

Hi @MarioKan !

Would you mind sharing the URL of the page where you want this to be changed? Are you talking about the Product or Collection page?

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
MarioKan
Excursionist
29 1 5

Sent you the URL privately. Talking about the product page

Thanks

0 Likes
JHKCreate
Shopify Partner
1984 321 426

This is an accepted solution.

Well received, to do this please add the following code to your theme.scss file:

span.breadcrumb--truncate {
    font-weight: bold;
}


Cheers! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
MarioKan
Excursionist
29 1 5

Thank You it looks awesome! Can you please share the same for the collection page?

0 Likes
JHKCreate
Shopify Partner
1984 321 426

This is an accepted solution.

Add the following code for the collection boldness: 

#shopify-section-collection-template>nav>span:nth-child(3) {
    font-weight: bold;
}


That should do it! 

- Did we solve your issue? Like & Mark As Solution to help the community
- Should you need any direct help: contact@jhkcreate.com
MarioKan
Excursionist
29 1 5

Amazing! Thank you 

0 Likes