Metric Font Size/Display Size

[kevinlinxc]

I am using these st.metric() s to display data:

However, I need them to be bigger in size (one inch tall on screen according to specification) without zooming in on the page. Is there a way to do this with markdown/ unsafe HTML?

[Shawn_Pereira]

Hi @kevinlinxc , you can refer to this thread: Style Column Metrics like the Documentation - #6 by Shawn_Pereira

Cheers

[kevinlinxc]

This seems fairly convoluted, isn’t there a oneliner CSS line I could use?

[kevinlinxc]

Pinging @snehankekre because you had some black magic hack CSS hack for my other problem

[kevinlinxc]

Web inspector if that helps:

If it was a class, I could do it with CSS easier but it seems to be data-testid

[andfanilo]

You can actually select any data-testid, the following should work (I have not tested )

div[data-testid="stMetricValue"] > div {
    background-color: chartreuse;
}

Can I change the color of the selectbox widget?

Hello @Raffal_Shafiei Not sure I understood the question exactly so I played around, here’s what happens when I use your style.css body { background-color: lightgoldenrodyellow; } div[role="listbox"] ul { background-color: red; } [image] Seems the actual selectbox div is in another div and not next to the ul, with databaseweb=select attribute, so I added div[data-baseweb="select"] > div { background-color: chartreuse; } [image] Is the green part what you desi…

[kevinlinxc]

Worked like a charm, thanks!