CSS to Change Basic Table Title Appearance - Please?

Hi. Can anybody help here? Could do with this for a current project. Cheers.

@V88
@ThinhDinh has the collection here, for the first row.

Will take a look - thanks

image

Everything BUT the title! Shucks!

I said the first row :grinning_face_with_smiling_eyes:. I used the first line as the header.
You can use the dev tool to find the name. I haven’t tried it.

1 Like

<pre><span><style>
.sts-title {
  color: red;
}

what do you want to do with it?

4 Likes

That’s perfect thanks @Darren_Murphy - now that I have it I know how to tweak it! Appreciated.

1 Like

@V88 asked for table footer, chart title & chart footer as well, so I made some updates.

2 Likes

For additional setting the footer position to the center and additional background.

Screenshot 2021-12-05 095752

[data-test="app-simple-table"] .sts-footer {
justify-content: center !important;
color:white;
border-radius: 5px; 
background:  #2e3442;
background-size: contain;
color: white !important;
text-align: center;
font-size: 0.8rem;
padding: 5px 10px;
font-weight: 500;
}
5 Likes

This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.