Change font color of HMTL Widget

Darren22 · ‎03-31-2020

Good evening all,

I am looking to change the color of the font within my HTML widget. I have tried to search the internet for advice but I have come up with nothing.

I have created a new page to let users know about a new service we are looking at. The page has a darker background that other pages so I'd like the text on this HTML widget to be white. I know i can change the font of the entire portal but that wont help me on other pages. I would like to change the font on just this one page or widget. please help

See image below,

Justin77 · ‎04-01-2020

You can Ctrl+right-click the widget on the page and click "Open Widget in Editor". From there you'll see a tab "CSS - SCSS" (you may need to toggle this to show via the checkboxes at the top). If there is CSS in there, I would recommend finding if/where any color is set. If there is no CSS in there, you can simply add:

* {
 color: white;
}

to your CSS, making all text within that widget white. If you don't want ALL the text to be white, I recommend replacing that wildcard selector ("*") with a more specific id or class from the HTML of the widget.

View solution in original post

Justin77 · ‎04-01-2020

You can Ctrl+right-click the widget on the page and click "Open Widget in Editor". From there you'll see a tab "CSS - SCSS" (you may need to toggle this to show via the checkboxes at the top). If there is CSS in there, I would recommend finding if/where any color is set. If there is no CSS in there, you can simply add:

* {
 color: white;
}

to your CSS, making all text within that widget white. If you don't want ALL the text to be white, I recommend replacing that wildcard selector ("*") with a more specific id or class from the HTML of the widget.