- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎03-31-2020 12:20 PM
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,
Solved! Go to Solution.
- Labels:
-
Service Portal Development
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-01-2020 06:51 AM
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.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎04-01-2020 06:51 AM
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.