Change font size of Title - Plotly Card

Configuration Frontend
1

I need help understanding what to do…

I have a Plotly Custom Card. It has a title.
I want to change the font Size (color too etc).
I have identified in the web console the element… but I don’t know how to “translate” it to HA (see pics below)

I tried something like

type: custom:plotly-graph
entities:
...

title: Car charges
style: |
  ha-card {
      .title {
        font-size: 18
      }
  }

But of course is not working…

Appreciate an hint!!!

Pictures

Pasted Graphic 19
Pasted Graphic 191920×780 167 KB

Storage
Storage962×952 114 KB

2

Please try this. Card Mod made a change in 3.40 and requires this.

You also needed a px after font-size to designate the height.

card_mod:
 style: |
   ha-card {

type: custom:plotly-graph
entities:
  - entity: sun.sun
hours_to_show: 24
refresh_interval: 10
title: test
card_mod:
  style: |
       ha-card {
          font-size: 30px !important;
          }
3

Many thanks!!!
yes! thats the answer! :slight_smile:

thank you.

4

yes sir! if you have issue just post your updated code