How can I change breadcrumb color to black in my coding?

[meeko]

Hey everyone,

How to I change the colour of the breadcrumb to black?

Its currently blue

Store: https://meeko-8476.myshopify.com

Password: Meeko

This is my breadcrumb coding below if it helps

.breadcrumbs { margin: 0 0 2em; } .breadcrumbs__list { list-style-type: none; margin: 0; padding: 0; } .breadcrumbs__item { display: inline-block; } .breadcrumbs__item:not(:last-child):after { border-style: solid; border-width: .10em .10em 0 0; content: ''; display: inline-block; height: .20em; margin: 0 .20em; position: relative; transform: rotate(45deg); vertical-align: middle; width: .20em; } .pd_20 { padding-top: 15px; } .breadcrumbs__link { text-decoration: underline; } .breadcrumbs__link[aria-current="page"] { color: inherit; font-weight: normal; text-decoration: none; } .breadcrumbs__link[aria-current="page"]:hover, .breadcrumbs__link[aria-current="page"]:focus { text-decoration: underline; } .breadcrumbs__link_1 { padding-left: 10px; } .breadcrumbs__item.breadcrumbs__link_n a { padding-left: 10px; }

{%- unless template == ‘index’ or template == ‘cart’ or template == ‘list-collections’ or template == ‘404’ -%}
{%- assign t = template | split: ‘.’ | first -%}

1. Home
{%- case t -%} {%- when 'page' -%}
2. {{ page.title }}
{%- when 'product' -%} {%- unless collection -%} {%- assign p = all_products[product.handle] -%} {%- assign collection = p.collections | first -%} {%- endunless -%} {%- if collection.url -%}
3. {{ collection.title | link_to: collection.url }}
{%- endif -%}

{%- when ‘collection’ and collection.handle -%}
{%- if current_tags -%}

4. {{ collection.title | link_to: collection.url }}
5. {%- capture tag_url -%}{{ collection.url }}/{{ current_tags | join: "+"}}{%- endcapture -%} {{ current_tags | join: " + "}}
{%- else -%}
6. {{ collection.title }}
{%- endif -%} {%- when 'blog' -%} {%- if current_tags -%}
7. {{ blog.title | link_to: blog.url }}
8. {%- capture tag_url -%}{{blog.url}}/tagged/{{ current_tags | join: "+" }}{%- endcapture -%} {{ current_tags | join: " + " }}
{%- else -%}
9. {{ blog.title }}
{%- endif -%} {%- when 'article' -%}
10. {{ blog.title | link_to: blog.url }}
11. {{ article.title }}
{%- else -%}
12. {{ page_title }}
{%- endcase -%}

{%- endunless -%}

[Simonsron]

.breadcrumbs__item.breadcrumbs__link_n a{
color:#000;
}

[meeko]

Hi @Simonsron

Thank you, where do I place this code?

[Simonsron]

Put under the style tag

[meeko]

Hi @Simonsron

Unfortunately that didn’t work.

Please see below:

This is the code I added:

.breadcrumbs__item.breadcrumbs__link_n a{ color:#000000; } .breadcrumbs { margin: 0 0 2em; }

[Simonsron]

the last one is black.If you want it all to be black, change the code to the following

.breadcrumbs__item a{
color:#000000;
}

[meeko]

@Simonsron

This worked!!

Thank you so much.

I hope you have a great day