How to change breadcrumbs color

[sry]

in the above breadcrumbs until support page i.e HOME-->All catalogs-->Customer service-->Support is showing color code #165c53  where as 'create case' is in #484949.  suppose if i go to Support page then 'Support' shows in color code #484949 but remaining breadcrumbs shows in #165c53

I have cloned breadcrumbs widget and added my own color code like the below but its only working if i am on a specific page but not for entire breadcrumbs. how to set a universal color code for the entire breadcrumbs irrespective of what page we are in?

.a-disabled {
cursor: default;
color: #484949;
font-weight: normal;
}

I am guessing there is something wrong the way i have added above CSS to the cloned widget (breadcrumbs). please give me a simple solution to set the entire breadcrumbs color.

Thanks,

Sry

[jcmings]

Try adding !important to your CSS. Alternatively, can you modify the color in the OOTB breadcrumbs configuration?

[sry]

Hi jc21, thank you for the prompt response. i did not understand where to add !important in the CSS section. could you please explain how to add it!

also FYI we cant edit OOB breadcrumbs widget

Thanks.

[jcmings]

Sure thing--add it after a property. So it would be...

.a-disabled  {
cursor: default;
color: #484949 !important; 
font-weight: normal !important;
}

 You can read more about !important here. Keep in mind this will likely overrule all .a-disabled classes. Let me know if that works!

[sry]

Hi jc21, it did not work.