Changing Text Colour Breadcrumb Trail

James Veale
Giga Contributor

Hi ServiceNow Community! 

Is it possible to change the font colour on the breadcrumb trail in the breadcrumb widget? 

Thanks! 

James 

2 REPLIES 2

Joshton1
Tera Guru

Hello,

Yes you can do it, and you have two options - one clone the existing OOB global widget - Breadcrumbs. and add css line for the text, you can use the below lines.

------------------

.a{

color : red; // or any hex value.

}

--------------

If you don't want to clone the OOB widget, you have some extra work, Open "Instance in Page Editor " wherever the breadcrumbs are used. Make sure you select the right widget instance on which the breadcrumb widget is placed. Scroll down to see the CSS field.  Type in the same lines as above.And this should work for you.

 

find_real_file.png

 

find_real_file.png

find_real_file.png

Please make sure you have done it on all the pages on which breadcrumb widget is used.

Eg: if you are using ESC portal and click on knowledge sub-menu, The Page - " esc_knowledge_home "  opens, if you modify the breadcrumb css you will still have issue when you switch between knowledge categories. The categories page - " esc_kb_category " reloads and then the breadcrumb is different, so you need to make changes on that widget instance as well since its on a different page.

Thanks

Joshton

Community Alums
Not applicable

Hi James,

Ctrl + Right click on the breadcrumbs  ----> Edit container background. Please refer to this answer:

https://community.servicenow.com/community?id=community_question&sys_id=528b3a91dbecdb002d1efb651f96...

Please mark my answer as correct if this solves your query or helpful based on the impact.

Thanks,

Debopriya