Campaign Navigation

There are plenty of changes you can make to the Navigation. I’ll start of listing a couple of them.

1. Changing the Icons Pictures

You can view an example of that here https://x-com-defiance.obsidianportal.com/

It follows the format of

.icon-name::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640745/XDash.png);}

where .icon-name is one of the following

op-icon-dash Dashboard
icon-home Front Page
op-icon-forum Forum
icon-calendar-empty Calendar
op-icon-page Adventure Log
op-icon-image-embed Media Library
op-icon-book-wiki Wiki
op-icon-characters Characters
op-icon-map Map
op-icon-backpack Items
op-icon-gears Settings

If you change those you may also want to change the icons that appear in the campaign stream

The stream icon for someone becoming a fan of your site
.campaign-stream-module .update-container.favorite .background-container {background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640315/XMaps.png);}

The stream icon for Adventure logs
.campaign-stream-module .update-container.adventure-log .background-container{background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640350/XWiki.png);}

The stream icon for Wiki
.campaign-stream-module .update-container.wiki .background-container{background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640320/XFront.png);}

The stream icon for Characters
.campaign-stream-module .update-container.character .background-container {background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640313/XCharacters.png);}

The stream icon for Items
.campaign-stream-module .update-container.item .background-container{background-image: url(https://db4sgowjqfwig.cloudfront.net/campaigns/124016/assets/640317/XGear.png);}

2. Hiding a Navigation Menu Item

.campaign-dashboard-layout #dashboard-main-nav li.section.calendar{display: none;}

You need to add the .campaign-dashboard-layout #dashboard-main-nav li part instead of just .section.calendar because there is a

.campaign-dashboard-layout #dashboard-main-nav ul li {
display: block;
}

so you need some additional specificity.

Campaign Navigation

Unlocking The Portal cgregory