Removing the Right Column CSS

AvaZope
AvaZope

So I wanna preface this with this is my first time posting on this site so if this is in the wrong place, sorry! Also I am hellaciously new to anything regarding CSS.

With that said- I'm trying my hardest to find a way to remove the right column. I've got maps removed, but for the life of me I can't get Stream to remove. I've found some threads here with some code but perhaps I'm just not copy/pasting them correctly, because nothing I'm doing is working.

My current attempt (with all my other coding atm) is the following:


/* REMOVE CAMPAIGN TITLE TEXT AND DEFAULT BANNER */
.campaign-public-layout .campaign-title, .campaign-public-layout #banner-container {display:none;}

/* ADD BANNER IMAGE BESIDE OP DRAGON LOGO */
.campaign-public-layout .campaign-public-title-container {background-image: url("urlofimagefile"); background-size: contain; background-repeat: no-repeat;}

/*Right Column*/
.where-we-game-container, .user-container, .fan-count-wrapper, .become-a-fan-button, .comment-count-wrapper {
display: none;
}

/*Remove Link*/
#campaign-nav .section file-docker {display:none;}
#campaign-nav .file-docker {display:none;}
#campaign-nav .maps {display:none;}

/*Change Link Names*/
/*remove current text*/
#campaign-nav .adventure-log .nav-text {font-size:0;}
#campaign-nav .wiki .nav-text {font-size:0;}
#campaign-nav .characters .nav-text {font-size:0;}
#campaign-nav .maps .nav-text {font-size:0;}
#campaign-nav .front-page .nav-text {font-size:0;}
#campaign-nav .dashboard .nav-text {font-size:0;}
#campaign-nav .settings .nav-text {font-size:0;}
#campaign-nav .forum .nav-text {font-size:0;}
#campaign-nav .calendar .nav-text {font-size:0;}
/*add new text*/
#campaign-nav .adventure-log a:after {content:"Story";}
#campaign-nav .wiki a:after {content:"Info";}
#campaign-nav .characters a:after {content:"Characters";}
#campaign-nav .maps a:after {content:"Maps";}
#campaign-nav .front-page a:after {content:"Homepage";}
#campaign-nav .dashboard a:after {content:"Dashboard";}
#campaign-nav .settings a:after {content:"Settings";}
#campaign-nav .forum a:after {content:"Fourms";}
#campaign-nav .calendar a:after {content:"Events";}

/* TEXT FONT */
.nav-text,#campaign-nav a:after {
font-family:'IM Fell English';
font-size:medium;

Any advice or help that anyone could give would be very apprecaited! Thanks for your time.

Comments

Sign In or Register to comment.

Campaign of the Month
October 2021

Hogwarts and the Magic of the Founders


Read the feature post on the blog!
Or return to Obsidian Portal!

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Discussions