adapt css to a module with content

[chassain 0]

Hello,

i’m working with MMM-PublicTransportHafas. This module is compatible with french stations.
I’m trying to modifie css with my parameters. For Germany here a example

.rb, .re {
  background-color: #F01414;
  border: 0.5px white solid;
  color: black;
}

.rbWithProductName:before {
  content: "RB ";
}

the name of train in Germany is like RB 1232 but in France it’s more like TER1232…There is no space between name and number. How adapt the content to define TER associed all numbers after

.ter {
background-color: #F01414;
  border: 0.5px white solid;
  color: black;

.terWithProductName:before { //////?????
  content: "TER~p ";/////????

thanks for a help

[sdetweil]

@chassain-0 open the developers window, ctrl-shift-i on the keyboard, select the elements tab,

click the arrow on the top left of the elements tab and then navigate where the content is,
while navigating it will highlight the elements
and click on the one you want…

now you can examine the classes and styles

once u have the name u can then set your custom.css to match

[chassain 0]

@sdetweil thanks.

[chassain 0]

@sdetweil

No parameter on this…
the table displays with name of trains…some TERXXX and TGVXXXX…i wanted to have a difference between both for the fun in css…

[sdetweil]

@chassain-0 see this

https://support.awesome-table.com/hc/en-us/articles/115001399529-Use-CSS-to-change-the-style-of-each-row-depending-on-the-content

3. Display and style elements depending on their value