header menu background-color change ?

Showing results for 
Search instead for 
Did you mean: 
Member II

header menu background-color change ?

I'm using alfersco community 5.2. I have got a problem. How can I change css for header menu? Where is header menu css directory ? I want to change nav bar menu background-color. How can I change this ?  

1 Reply
Senior Member II

Re: header menu background-color change ?

You need to customize the theme.There are certain global variable in CSS.For overriding theme you can create new theme file inside site-data/theme/{themeName}.xml

You can set this common variables in {theme}.xml file.

Code for default theme can be changed line below.

<?xml version='1.0' encoding='UTF-8'?>
<title>Default Blue Theme</title>
@dashlet-background: transparent;
@dashlet-border: 1px solid #bababa;
@dashlet-border-radius: 0;
@dashlet-title-background: #d7e0e7 linear-gradient(to bottom, #e3ebef, #afc0cf);
@dashlet-title-border-bottom: 0;
@dashlet-title-border-radius: 0;
@dashlet-title-color: #262d35;
@dashlet-toolbar-background: #f6f6f6;
@dashlet-toolbar-border-bottom: 1px solid #d3d3d3;
@dashlet-body-background: #f9fcfd;
@dashlet-body-border-radius: 0;

Read below links for more details.