How can I fix the styling of my online store's breadcrumbs?

Shopify Discussion
1

Hello,

I have managed to add breadcrumb code to my online store, however, i would like to fix the styling of it as can be seen below,

Fouche_0-1670005474817.png
Fouche_0-1670005474817.png490×192 7.28 KB

Here is the code: https://pastebin.com/g7CB4jcV
Website URL: https://cosmoholics.store

Many thanks in advance!

2

@Fouche , do this to fix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
.breadcrumb a{
    color: rgba(var(--color-foreground),.75) !important
}

.breadcrumb span:not(a){
    color: #eaccee !important;
}

#eaccee = purple hex color

diego_ezfy_0-1670019120245.png
diego_ezfy_0-1670019120245.png779×376 16.5 KB

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

1 Like
3

Thank you! the above worked. @diego_ezfy