Powerchart Time Range Selector color

Does anyone know of a way to change the color of this text on the Powerchart component? Per documentation its called the Time Range Selector Perspective - Power Chart | Ignition User Manual . I’m guessing I will have too use some type of CSS override :scream: ? I’ve tried setting the overall style in props and the style specifically for the title for text color but had no luck.

Try editing your perspective stylesheet.css and ad:

.ia_powerChartComponent__dateTimeSelection .actionable-wrapper>* {
    margin-right: 8px;
    color: red;
}

I think this is what you looking for

image

2 Likes

That did it. Thank you! In the future if I run into one of these issues how did you manage to figure this out? Did you just look at the raw CSS of the power chart and search for something? I know a little bit of CSS just never knew how I should approach a problem like this in ignition as I’ve mainly ignored anything CSS related.

You launch te perspective project

then open the browser inspector
image

select the component you want to inspect and seee the css styles of it where you can see wich class is using.

2 Likes