Englische Version
Basic customization of the top navigation
Adding an additional dropdown menu
- Click on the "+ Menu" button
- Enter a name (the name is displayed in the topnavigation)
- Add content to the menu
- Expand the menu
- Fill the content with data
- Save your adjustments by pressing the button below
- Set your default confluence theme to the "custom topnavigation" theme (See XXX for more detailed information)
- The new menu and link are now visible in the global
|
|
|---|
Click on the images to see them in full size
Result:
The default color of a link is the same color as the name of the menu. This can cause contrast issues. To adress this you can change the color of links by adding custom CSS. (See "Changing the colors of the menu content for more detailed information)
Changing the colors of the menu content
- Add the "customTopNavigationA" class to the "Top navigation" CSS.
- Add a color atribute to the class. (It's important to add an !important to the CSS, because you have to overwrite the default Styling of confluence.)
- Save the changes
Result:
Its important to know that each menu child element has its own CSS class. The classes are listed in the table below
| Class | Type of element |
|---|---|
| customTopNavigationA | Menu Link |
| customTopNavigationLi | |