Breadcrum colors

[gm713]

Hi,

I had posted this question before and was resolved here: https://archived.seventhqueen.com/forums/topic/breadcrumb-current-page-text-color

However with recent updates, seems like the solution is no longer working. Question is the same. How do I update the breadcrumb colors?

[gm713]

No love?

[Kamal]

Hi,
We are sorry for late reply. I am looking into your problem right now. I will give you the solution shortly. Please wait a bit.
Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Kamal]

Hi,
You can change the color of breadcrumb section from Theme Options>Styling Options>Alternate.
Please make sure to clear cache of your browser if the change in the above section does not change the color of breadcrumb sections. If you have any other problem, please let me know. I will be glad to help you.
Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

Attachments:

You must be logged in to view attached files.

[Abe]

hi @gm713
all good? have you managed to change it?

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[gm713]

Hey,

I had tried that and also double checked. The (hot) link part of the breadcrumb shows the color as defined in the styling, but the “/” and text (page title) doesn’t pick up that color.

[Kamal]

Hi,
Maybe something overwriting the css code defined by the theme option setting. I have tested on my site and it is working fine. It would easy to debug the problem if you could provide link to your site. or you can use the below code to Appearance>editor>style.css to forcibly change the color. 🙂 I have tested the code and it works fine. However, it should have worked without custom code. But I am giving this code for instant result.

COPY CODE

/*change color of title in  breadcrumb area*/
section.container-wrap.main-title.alternate-color.border-bottom h1.page-title {
color: red !important;
}
/*change color for link in breadcrumb*/
.breadcrumb-trail.breadcrumb span a {
color: green !important;
}
/*change color for non link text in breadcrumb*/
.breadcrumb-trail.breadcrumb {
color: blue !important;
}

Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Abe]

The colors are calculated by the system to generate a lighter color for those and that is why thy aren’t exactly all the same color. use Kamal’s solution to change them to your desired ones

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[gm713]

Thanks @kamal and @abe that did it.

@Abe – It was picking up the color defined for page text (not the intended lighter color). Not sure why the default feature isn’t working.

[Kamal]

Hi,
I am glad it helped you. 🙂
Can I mark it resolved now?
Thanks,
Kamal

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[gm713]

Thanks for your help. Sorry for not replying sooner. Marking as resolved. Thanks!

[Author]

Posts