remove bold from table headers

Hello, is there any way to remove bold font from table headers?thanks

i have this on 2020 but dot work on 2022

.ew-view-table {
  min-width: 300px; }
  .ew-view-table > tbody > tr > td:first-child {
    font-weight: normal;
    text-align: right; }
.ew-desktop .ew-desktop-table > thead > tr > td:first-of-type > span[id^=elh_], .ew-desktop .ew-desktop-table > tbody > tr > td:first-of-type > span[id^=elh_] {
      font-weight: normal;
      display: inline-block;
      margin-top: 0.75rem; }

You may right the element in Chrome and select Inspect to check the correct CSS selector and test your CSS styles, see View and change CSS.

yes i did but i don’t find any reference to BOLD on table headers

i add this on chrome and work fine, but i add the same to user style css, compile styles and regenerate project but don’t make any changesth {
font-weight: normal;
}

ok now i notice that any change i made to the template like color or font it is generate to web app, if i change the template yes , but if for the select template i change any color for example, system do not reflect the change i did.

Why did you want to change from bold to normal? Isn’t the caption on table header is normal by default (not bold) in v2022?

  1. Avoid using th { … } only unless you really want to apply it to all TH tags.
  2. CSS is applied based on Specificity, th { … } is not specific enough to override the original styles, that’s why:

arbei wrote:

You may right the element in Chrome and select > Inspect > to check the correct CSS selector and test your CSS styles, see > View and change CSS> .