Template background color

Dashboard
1

I would like to change the background color of a single template on the dashboard. Unfortunately, when I use the code below, all template backgrounds are changed.
Can anyone give me a tip?

<style>
    body.nr-dashboard-theme md-content md-card {
    background-color: rgba(0,0,240,0.1) !important;
}
</style>
2

Selector for one card only goes like this

#Home_Default_cards > md-card {
}

The id selector is combination of Tab name , group name and "cards", all connected with underscore.

3

great - thank you very much!!!
can I also do the text size and centering the text like this? If so, is there an example?

4

Of course you can. All the elements are styled with CSS and changing it is just to figure out the selector and then figure out styles for that element.
But for any case going down to specific use case, can't be advised without knowing exactly the element and current situation. If you have already some overrides, the conditions may differ from default and advises just may not work.

But best is to try to get current styles, modify them and figure out the selector using the browser dev tools.
And then, if thing don't go as you like, share the related things (make images, include the css rules) and describe your intentions.

5

thank you very much for your answer!
That is ganial :slight_smile:

1 Like
6

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