/
Code snippets: Navigation page
Code snippets: Navigation page
1 Remove icon from menu item
.gridItem__icon {
display:none;
}
2 Remove colored overlay from menu item
.gridItem__image {
opacity: 1;
}
3 Change border-radius menu
.OcuDarcula .gridItem, .OcuLight .gridItem,
.OcuDarcula .gridItem__image, .OcuLight .gridItem__image {
border-radius: 2%;
}
4 Remove the Basecolor background
Note: if you notice a small border around the gridItem__image
, you should change the background-color
of the gridItem
.
5 Change the background to a color
6 Change the background to an image
Use the module ‘asset bundle’ if you want to upload your images in Ocularium: https://ocular.atlassian.net/l/c/ymc8q9Xg
7 Adjust the background color of a menu title
8 Place the title under the image
9 Adjust the size of a menu button
10 Adjust the size of the menu area
11 Limit your changes to one menu
Template 1
Place Navigation or Mediabrowser buttons on the bottom right on your page.
, multiple selections available,
Related content
Code snippets: Menu items
Code snippets: Menu items
More like this
Code snippets: Interactive map (3D)
Code snippets: Interactive map (3D)
More like this
Code snippets: File cards
Code snippets: File cards
More like this
Code snippets: Basic variables
Code snippets: Basic variables
More like this
Code snippets: Screensaver
Code snippets: Screensaver
Read with this
Code snippets: Media browser
Code snippets: Media browser
More like this