nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

As we transition to the new Hyland Community, some post links may be temporarily disrupted as we finalize redirects. We apologize for the inconvenience and are working to resolve this as quickly as possible. Details.

header menu background-color change ?

taskinbinbir

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 ?

Find more posts tagged with

Alfresco Content Services

Comments

krutik_jayswal

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'?>
<theme>
<title>Default Blue Theme</title>
<title-id>theme.default</title-id>
<css-tokens>
<less-variables>
@dashlet-background: transparent;
@header-background-color:blue;
@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;
</less-variables>
</css-tokens>
</theme>

Read below links for more details.

https://community.alfresco.com/community/ecm/blog/2015/05/19/share-header-colour-customization