How to manage breadcrumbs – categories colors

Hello,
1 – Could you tell me how to change “/” to “|” in breadcrumbs ?
2 – Is it possible to change the color of parent categories in the breadcrumbs and have this color automatically applied to the entire tree, including :

Associated subcategories.
Category page titles.
Product titles belonging to these categories.

For example

in red :
CatA/subcatA/productsubcatA
CatA/subcatA2/productsubcatA2`
…
in blue :
CatB/subcatB1/productsubcatB1
CatB/subcatB2/productsubcatB2
…

thnaks

Hi Studio_graffic,

Thanks for reaching to us.

Please provide URL of the mentioned page, so I can take a closer look.

Regards,

i’m in the process of redesigning our site to merge several of our virtine sites into woocommerce in 1.
But the idea is to do it in the style of the hidden link site.

And an other link (in private) to another category with another color

Hi Studio_graffic,

1. Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

.wd-breadcrumbs span.wd-delimiter:after {
    content: "|";
}

2. Can you please describe in more details? Which categories you want to display in red or blue colors?

Regards,

Hello, thank you

For the color exemple of breadcrumbs and categories in the link .
I haven’t yet decided on colors or names, but this is just an example. I’ll add the colors ( #) and the names of the category IDs if you can explain how to do it.
I’m very grateful in advance.
Thank you

Hi Studio_graffic,

Sorry but your reply is unclear a bit. Can you please describe in more details? Which categories you want to display in red or blue colors?

Regards,

Hello,

I would like to configure my site so that each parent category can have a designated color, and this color is automatically applied to:

1- All subcategories linked to that parent category
2- The titles of the products belonging to these categories

Regardless of the category and assigned color, I want all subcategories and related products to automatically inherit the parent category’s color.

Could you please guide me on how to set this up ? Is this possible through the theme settings, or would it require custom code?

I have not yet created the categories on my woodmart site 😉
You should understand much better has the screenshot attached.

Thank you in advance for your help!

Attachments:

You must be logged in to view attached files.

Hi Studio_graffic,

Thanks for screenshots.

I understood your request, but, can you please let me know do you have specific categories or criteria which will use blue or red colors? It will helps me you to provide solution better.

Regards,

Hello,
i ll create categories to help you in extra informations

Thanks

N L

[Hung Pham]

Hi Studio_graffic,

Thanks for reaching to us.

To assist you in the best possible manner, I kindly ask that you please provide me temporary wp-admin info (wp-admin URL, username, password) to the Private Content area, this will allow me to thoroughly investigate and address your concerns more efficiently.

Kind Regards,

• This reply was modified 1 day, 16 hours ago by Hung Pham.
• This reply was modified 1 day, 16 hours ago by Hung Pham.
• This reply was modified 1 day, 16 hours ago by Hung Pham.

ok, thank you

Hi Studio_graffic,

Thanks for details.

According to the list of links you provided here https://xtemos.com/forums/topic/how-to-manage-breadcrumbs-categories-colors/#post-638573

May I know you want to change colors to whole categories or something? Provide me with the mockup of the styles that you try to achieve and we’ll send proper instructions if it’s possible.

Regards,

I don’t understand what I could say to you to make things clearer.
I would like a code to paste into the css that allows me to choose the colour of a category and have it apply to the rest of the sub-categories linked to the parent category, right down to the products and the product title.
Please
NL

[Author]

Posts