Change font color of HMTL Widget

Darren22
Tera Expert

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,

find_real_file.png

1 ACCEPTED SOLUTION

Justin77
Mega Guru

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

1 REPLY 1

Justin77
Mega Guru

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.