Project Workspace, band color modification

ramilo · ‎11-26-2018

I would like to change the color of the band lets say if status is green, the color would be dark green instead of green or yellow would appear like orange(amber). Can someone please tell me where is the code of this page? Thank you.

Harsha Lanka · ‎11-27-2018

1) Go to "pm_home_cards" UI macro.

2) Add custom styles in <style></style> tags.

Example:

#sn-pm-home .home-cards .card.yellow {

border-top: 4px solid <some_hex_code> !important;

}

#sn-pm-home .home-cards .card.green {

border-top: 4px solid <some_hex_code> !important;

}

#sn-pm-home .home-cards .card.red {

border-top: 4px solid <some_hex_code> !important;

}

View solution in original post

Jiten Parbhoo · ‎06-15-2020

I have tried that but get the following error

Harsha Lanka · ‎06-15-2020

You are using wrong syntax. Please replace the entire style tag with below code.

<style>
.pm-home-page-no-cards span {
font-weight: bold;
font-size: 16px;
padding: 40px;
display: inline-block;
}

#sn-pm-home .home-cards .card.amber {

border-top: 4px solid #DAA520 !important;

}
</style>

If this works, mark my above answer as helpful if it helped you.

Jiten Parbhoo · ‎06-15-2020

Hi Harsha,

Thank you very much for your help 🙂 That worked!!!

Many Thanks

Jiten Parbhoo