Adding color to font-awesome in JS script

Question

Have found a JS code that show a icon from font-awesome, but its white and i'm trying to add a color to it, but can't find the right class to add it on in CSS file.

The JS codeblock is:

      // Transportation icon
  var cellTransport = document.createElement("td");
  cellTransport.className = "timeinfo";
  var symbolTransportation = document.createElement("span");
  symbolTransportation.className = this.config.iconTable[currentDeparture.transportation];
  cellTransport.appendChild(symbolTransportation);

How can I add a color to "symbolTranspotation" ?

Possible duplicate of [How to style icon color, size, and shadow of Font Awesome Icons](https://stackoverflow.com/questions/12272372/how-to-style-icon-color-size-and-shadow-of-font-awesome-icons) — Andy G, Mar 12 '19 at 11:56

score 0 · Answer 1 · answered Mar 12 '19 at 11:55

0

Try to add it to style

symbolTransportation.style.color = "lightblue"

answered Mar 12 '19 at 11:55

AlexOwl

869
5
11

score 0 · Accepted Answer · answered Mar 12 '19 at 11:55

0

You can use the property style to add color.

symbolTransportation.style.color = 'red';

answered Mar 12 '19 at 11:55

R3tep

12,512
10
48
75

Adding color to font-awesome in JS script

2 Answers2