| layout | default |
|---|---|
| title | API |
| nav_order | 1 |
| has_children | false |
| parent | CSS |
| grand_parent | Customizations API |
The following section lists the different anchors that can be used for customizing LumApps. It is worth mentioning that the anchors listed here are CSS classes and IDs that are meant to be stable with each new version of LumApps.
In the top bar (the top section of the page that contains the logo, the searchbox and several other icons), there are a couple of anchors that you can use in order to customize your page with CSS.
There are two anchors available on the header that will allow you to tweak the style of it. The class that surrounds the entire header is .header-top and there is another class that defines the maximum width of the header which is .header-top__wrapper.
For the logo, you can use the .header-top__logo.
As for the search box component, the anchor available for customization is .header-top__search.
When it comes to the contribution button menu, the anchor to be used is .header-top__contribution.
For the directory entries marked as favorites, you can use the .header-top__directory-favorites.
As for the bookmarks component, the anchor available for customization is .header-top__bookmarked-apps.
When it comes to the notifications icon, the anchor to be used is .header-top__notifications.
For the user settings menu, you can use the .header-top__user-settings.
For the settings menu, you can use the .header-top__settings-menu.
For the main navigation, there are several anchors that you can use for customizing your application.
.main-nav
.main-nav__root
.main-nav__wrapper
.main-nav-item
For customizing a page, you can use the id #maincontent,
