Unable to customize CSS on Pivot table

[PowerDinosaur]

Hi guys

I would like to customize the CSS of the pivot table, using the dashboard-chart-id is not good, because it referencing a way bigger area than the actual table, I tried to inspect the HTML of the dashboard and directly editing it in the Firefox inspector I can edit the things i want to like simply put background-color here:
.css-7tmzyl table.pvtTable { position: relative; font-size: 12px; text-align: left; margin: 4px; border-collapse: separate; font-family: "Inter", Helvetica, Arial; line-height: 1.4; background-color: brown !important; }

However placing background-color part in the css editor does nothing. Can anybody help me out?

Thank you in advance!

Kind regards,

[fabricio-fn]

if you make the changes in the browser inspection it will go back to normal when you refresh the page, you will have to use a code editor and make the modifications directly in the css file

[PowerDinosaur]

Yes, i know that, however the problem is exactly that If i do this in the code editor nothing happens.

[fabricio-fn]

maybe the changes you are making are not being saved

Shortcut to quickly save changes made to code, use CTRL + S command in your css file.

[fabricio-fn]

or maybe you didn't put the link of your css file in the html

[rusackas]

Are you trying to make these changes via a Dashboard CSS template, or to the plugin/component itself?

[PowerDinosaur]

Via dashboard css template From: Evan Rusackas ***@***.***> Sent: Tuesday, August 22, 2023 11:16 PM To: apache/superset ***@***.***> Cc: Tóth 2 Zoltán ***@***.***>; Author ***@***.***> Subject: Re: [apache/superset] Unable to customize CSS on Pivot table (Discussion #24883) Are you trying to make these changes via a Dashboard CSS template, or to the plugin/component itself? - Reply to this email directly, view it on GitHub<#24883 (comment)>, or unsubscribe<https://github.com/notifications/unsubscribe-auth/BAYIPMMZ3F4MJHWYSJNL2Q3XWUOSHANCNFSM6AAAAAA3C4ETPY>. You are receiving this because you authored the thread.Message ID: ***@***.******@***.***>>

[masgo]

I ran into the same problem when using the dashboard CSS editor. CSS which affects the dashboard elements, like titles, work fine. CSS which sould affect the pivot table does not work. Something simple like

tr {
  background-color: red;
} 

has no effects.

The CSS is saved correctly, the CSS is in the HTML code but does not work.

[rusackas]

You probably just need to dig into the css inspector and see what's getting higher precedence. Then you can adjust your selector accordingly. If any can give a more specific use case or screenshot of what they're hoping to accomplish, I can try to help.

…

On Wed, Oct 2, 2024, 2:17 AM Rob ***@***.***> wrote: I ran into the same problem when using the dashboard CSS editor. CSS which affects the dashboard elements, like titles, work fine. CSS which sould affect the pivot table does not work. Something simple like tr { background-color: red; } has no effects. The CSS is saved correctly, the CSS is in the HTML code but does not work. — Reply to this email directly, view it on GitHub <#24883 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AAGGO2KNYYAHANMUSUD6SD3ZZOTZVAVCNFSM6AAAAABPHFB2W2VHI2DSMVQWIX3LMV43URDJONRXK43TNFXW4Q3PNVWWK3TUHMYTAOBRG42DMMA> . You are receiving this because you commented.Message ID: ***@***.***>