Font colour on Variable annotation

[jonny27]

Hi there
Since our upgrade to New York, the 'More information' section of all catalogue items on the Service Portal has been changed to white, which is the same colour as the background of the page. This makes it unusable. The expanded 'help' section is also white but is slightly saved by the light grey background. (see screen shots)

I'd like to know where one can change this colour as it is not anything that I've knowingly done.

Note that the items are definitely there as, when you highlight the boxes (and this invert the colours) the text appear.

Any help gratefully received before I go to HI!

this is the box un-highlighted

Tthis is the box highlighted

[Mark Roethof]

Hi there,

The white text is not out-of-the-box like this. Try to identify which CSS element this is, and search this in your CSS portal settings, Page Specific CSS, etc..

For example use the Chrome inspector.

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn

[Mark Roethof]

For example, adding below code to the page specific css gives me:

.m-b-xs.m-t-xs.ng-binding {
  color:red;
}

With this you could override the color. Though better would be to search within the portal css or theme css which element this is.

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn

[Alikutty A · Accepted solution]

Hi,

I see someone has changed the CSS, The color for more information is coming from the .text-muted bootstrap class.

On your sc_cat_item page in portal, go to its page specific CSS (navigate to sp_page.list)  and add the following

.text-muted {
    color: #666666 !important;
}

[jonny27]

Amazing! Thank you so much.