CSS - Left Navigation Bar

/* LEFT NAV SIDEBAR MENU */

The code contained here will affect the navigation bar to the left of your wiki content.

Use this code if you want to remove the background color/tint from the text and icons. This would be useful if you are going to use a background image for the nav bar.
/*Removes Text Background color*/
.campaign-public-layout #campaign-nav {top:20px; background-color:transparent;}

Changing what the links say is a two step process. The first bit of code removes all of the old text by making it 0 pixels tall and wide. The second part adds a new text string to the end of the existing one which essentially doesn’t exist thanks to the first bit of code. Type the text that you want showing up in the content:" " section, between the quotation marks. See the section of this code that deals with the settings link for an example.
/*Change Link Names*/
/*removes default text*/
#campaign-nav .nav-text {font-size:0;}

/*adds customized text*/
#campaign-nav .dashboard a:after {content:" ";}
#campaign-nav .adventure-log a:after {content:" ";}
#campaign-nav .wiki a:after {content:" ";}
#campaign-nav .characters a:after {content:" ";}
#campaign-nav .forum a:after {content:" ";}
#campaign-nav .calendar a:after {content:" ";}
#campaign-nav .settings a:after {content:"Settings";}
#campaign-nav .front-page a:after {content:" ";}
#campaign-nav .maps a:after {content:" ";}
#campaign-nav .items a:after {content:" ";}
#campaign-nav .file-docker a:after {content:" ";}

This next chunk of code is used to insert a background image and to manipulate the image’s proportions. You will need to adjust the height and possibly the width for best results but the values I’ve given here should be fairly close to what you will need. The background image that you want to use go in between the parenthesis of the background-image:url line.
/* Custom Background Image and Size Settings */
/* sidebar navigation banner background */
.collapsable-nav-row .front-nav-container {
width:100%;
background-image:url(https://db4sgowjqfwig.cloudfront.net/campaigns/62189/assets/388589/SideNavBarBanner.png?1415216645);
background-repeat:no-repeat;
top:-1px;
left:15px;
width:170px;
height:400px;}

CSS - Left Navigation Bar

Testbed Abersade Abersade