Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* All CSS here will be loaded for users of the Citizen skin */
body {
color: #000000 !important; /* Sets all text to black */
}
/* Change background color of main menus */
.citizen-menu, .citizen-menu-item {
background-color: #0000FF !important; /* Set menu background color to blue */
}
/* Optional: Change text color in menus for better contrast */
.citizen-menu a, .citizen-menu-item a {
color: #FFFFFF !important; /* Set menu text color to white */
}
#p-navigation {
background-color: #0000FF !important; /* Navigation menu */
}
#p-tb {
background-color: #0000FF !important; /* Tools menu */
}
/* Change all sidebar menu text color */
.vector-menu-content a {
color: #000000 !important; /* Set all sidebar links to black */
}
/* Optional: Change hover state for all sidebar links */
.vector-menu-content a:hover {
color: #0000FF !important; /* Set hover color to blue */
}