Org Chart Text Colour

Hi

How can I change the colour of all the text in the item card?

The following is the CSS I have done:

.poch-web-part .pl-item .pl-item-template{
  background-color:#F2A900 ;
  border-color: #F2A900;
}
  
.pl-item-card .field-container{
  color:#676C73;
}

.pl-itemcard .field-container.header-field {
  color: #676C73;
}

But the persons name will not change colour:
image

Thanks

Simon

1 Like

Hi @sbk307,

Please use the code below:

.poch-web-part .pl-item .pl-item-template{
  background-color:#F2A900 ;
  border-color: #F2A900;
}

.pl-item-card .field-container{
  color:#676C73;
}

.pl-item-card .field-container > a,
.pl-item-card .field-container > a:hover{
  color:#676C73!important;
} 

I added !important to enforce text color. I also added a style for link hover. Thus, color will be changed when you move mouse over the link.

Hi

perfect - works a treat.

Thanks a lot.

Cheers

SImon

1 Like