How to adjust fontsize of pn.Card's header?

`

import panel as pn
css = """
.bk.card button.bk.card-header .bk.card-header-row .bk .bk.bk-clearfix {
  font-size: 200px;
}
"""
pn.extension(raw_css=[css])
pn.Card(header="test")

doesn’t seem to work.

Try to use the CSS element below. I Haven’t tried it to change font size but it does work for other CSS properties.

.bk.card-header, .bk.accordion-header {
  color: #ffef96;
  background-color: #50394c;
}

Hi @ahuang11

I tried your code with panel serve and it for me it works on the current master branch of Panel.

import panel as pn
css = """
.bk.card button.bk.card-header .bk.card-header-row .bk .bk.bk-clearfix {
  font-size: 200px;
}
"""
pn.extension(raw_css=[css])
pn.Card("Content "*10, header="test").servable()