CSS command to change the color of sidenav dashboards texts

Dashboard
1

hi everyone, sorry is there anyone who knows how to change the color of sidenav dashboards texts

2

What are sidenav dashboards texts?

Edit: only 3 words and yet I transcribed one of them wrong. :roll_eyes:

3

Add a style that targets them in a ui-template set for "head" mode.

4

how can i do that

5

Do what?

  • Add a ui-template set for head mode?
  • Add a style that targets the text?
  • Set CSS that changes text colour?
6

i managed to change background color of side menu by using this css code below

body.nr-dashboard-theme md-sidenav {
color: rgb(255, 255, 255);
}

but am not able to change texts color of side menu

7

then you likely need a more specific specifier.

body.nr-dashboard-theme md-sidenav ul > li > span {
   color: rgb(255, 255, 255);
}

NOTE: I made that specifier ^ up - I dont use dashboard so cant tell you what a more specific specifier might be

If all else fails, hack it with an !important directive

body.nr-dashboard-theme md-sidenav ul > li > span {
   color: rgb(255, 255, 255) !important;
}
8

what does that codes do?

9

Sorry, what is your question?

You do know what CSS is right?

What are you asking - about which part?

  • specificity ?
  • the > ?
  • the !important ?
  • all of it ?
10

I needto change the color of each side menu dashboards texts

11

Then write CSS with a more specific CSS selector that targets the text items.

Use the browsers devtools to find & determine what the selector looks like.

Then add a CSS class that set the color

i gave you an example already BUT since i dont use dashboard I CANNOT tell you what the more specific selector would be - you will need to determine that using the browsers devtools.

example: web scraping - How can I get the CSS Selector in Chrome? - Stack Overflow

12

I don't believe that CSS changes the background color of the dashboard side menu.

However, referring you back to an answer I gave when you were trying to change the background color (which, like my question above, you didn't bother to respond to)

image
image532×941 100 KB

I think the relevant bit of the template theme now is Group Text.

13

A quick search of the forum reveals many solutions.

Here are 2:

14

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