Nav bar icons

Whaat

I'm seeing a lot of posts on how to delete navigation icons on the left side, but how do I add icons?

Whaat

for those looking how to do it, and come across this, here is the code i used. Please note that i did not use all menu options. I have a few hidden to keep my campaign page clean:

.icon-home::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032647/campfire.png?1578110987);}

.op-icon-page::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032648/bookmark.png?1578111179);}

.op-icon-book-wiki::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032649/bookshelf.png?1578111332);}

.op-icon-image-embed::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032651/wooden-sign__1_.png?1578111517);}

.op-icon-characters::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032652/hooded-figure.png?1578111626);}

.op-icon-map::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032653/treasure-map.png?1578111705);}

.op-icon-gears::before {content: url(https://db4sgowjqfwig.cloudfront.net/campaigns/233700/assets/1032654/axe-in-stump.png?1578111782);}

feel free to use, or just change the image links out with your own. I used https://game-icons.net/ to find mine, and uploaded them to my media library (you do not have to do this for it to work, but it DOES make it easier).

Kallak

Thanks for paying it forward on the CSS, a d for the nifty icons link!

cgregory

I have all the icons names are listed on Unlocking the Portal.

https://unlockingtheportal.obsidianportal.com/wikis/campaign-navigation

it also contains the code for changing the stream icons to match your new nav icons.