How to remove purple hyperlink from breadcrumb navigation?

Store Design
, ,
1

My current breadcrumb make the “last page” a purple hyperlink. How do i remove the purple colour and just have it normal text colour?

.breadcrumbs li {
display: inline-block;
}

.breadcrumbs a {
text-decoration: none;
}

.breadcrumbs li:not(:last-child):after {
content: “›\00a0”;
display: inline-block;
padding-left: .75ch;
speak: none;
vertical-align: middle;

.breadcrumbs [aria-current=“page”] {
color: inherit;
font-weight: normal;
text-decoration: none;
}

.breadcrumbs [aria-current=“page”]:hover,
.breadcrumbs [aria-current=“page”]:focus {
text-decoration: none;
}

2

Hey @nb114 ,

Can you share the link to your store please? Thanks!

3

Hi @nb114

Would you mind to share your store URL? Thanks!

4

Hi @nb114 ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file → Save

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

5

that worked perfectly, thanks!

my breadcrumbs are only home>product name

its not showing home>collection>product name. did i miss coding somewhere for that too?

6

https://wanderlustpupco.com/