- Go to:
Site administration → Appearance → Themes → space - Open Sidebar tab
To customize sidebar background color, links, icons you have to add custom CSS
Site administration → Appearance → Themes → space → Advanced → Raw SCSS
You can use in-build browser developer tool - Web/Site inspector to check class names.
How to change icons color? (before Space 1.9.x)
#nav-drawer .c-flat-nav a .icon { color: red; opacity: 0.6; }
How to change links color?
#nav-drawer .c-flat-nav a { color: #000; }
How to change navigation box background color?
.c-flat-nav {
background-color: #fff;
-webkit-box-shadow: rgba(0,0,0,.05) 0 1px 0, rgba(0,0,0,.05) 0 2px 6px, rgba(0,0,0,.05) 0 10px 20px;
box-shadow: rgba(0,0,0,.05) 0 1px 0, rgba(0,0,0,.05) 0 2px 6px, rgba(0,0,0,.05) 0 10px 20px;
}
How to change sidebar background color?
#nav-drawer { background-color: #f8f8f8; }
