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

  • cgregory
    cgregory
    Posts: 779

    If you want to get rid of the entire right side then you want

     

    #sidebar {

        display: none;

    }

    That's it. However, you will likely want to change the main content width from 75% to something larger

    .columns.main-content-container.dynamic-sheet-width {

        width: 100%;

    }

     

     

     

    They are among us!

    image

                       XCom: Defiance - Campaign of the Month November 2016

     

     

  • AvaZope
    AvaZope
    Posts: 2

    Ah! That did the trick perfectly! Thank-you so much!

Sign In or Register to comment.

July 2022
Signs and Portends

Read the feature post on the blog
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