Removing the sidebar on comment pages - SOLVED

[inglorious_dmk]

I have a paid account with custom comment pages enabled, but I find that the text on my sidebar covers up some of the larger pictures in my entries. Is there any way to disable the sidebar ONLY on the comment pages? Or, barring that, can anyone offer any other suggestions to keep the sidebar from covering up my pictures? I don't post large pictures

Comments

[av8rmike]

_branch_ is close, but it doesn't expand the #alpha column to full width:
.lj-view-entry #beta {display: none;}
.lj-view-entry #alpha {width: 100%;}
.lj-view-entry #alpha-inner {width: 900px;}

[diziara]

...and how would that have to be changed if used with three columns instead of two?

[av8rmike]

I should have known someone was going to chime in asking about 3 columns. ;)
.lj-view-entry #beta, .lj-view-entry #gamma {display: none;}
.lj-view-entry #alpha {width: 100%; left: 0px;}
.lj-view-entry #alpha-inner {width: 900px;}

[diziara]

Three columns are clearly superior to two, as you can get more of the important information up towards the top of the page and visible without having to scroll down. ^_^

So, if I want to be super difficult and only hide one of the two sidebars, but leave the other visible and expand the main column, how would I change the #alpha and #alpha-inner style?

I'm not sure which would work better, just banishing both sidebars when on the comment page, or reducing two sidebars to one while making sure all the important sidebar information is in the bar I leave visible, but the RPG group I have sometimes comments a lot, and with the way comments indent, quickly we end up at the edge of the page and overlapping onto the background areas that aren't text friendly. I had to reduce to the single column full time to make it less problematic. When I get started on the LCARS style, I'll have to see what I can do to make use of this useful information. :)

[av8rmike]

I happen to prefer the two-column layouts, just because I don't like the super-narrow column for entries. Magic Paper, I'm looking in your direction. :P

Actually, I just figured out that the width: 100% setting on #alpha isn't necessary, but you still need left: 0px in 3-column or float: left in 2-column. For your layout, it depends which sidebar you want to keep. If it's just the left one (#beta), set #gamma to not display and #alpha-inner's width to the remainder of the container (minus margins):
.lj-view-entry #gamma {display: none;}
.lj-view-entry #alpha-inner {width: 710px;}(If it's #gamma you want to keep, that's a little more difficult

[diziara]

I suppose the two vs. three column debate is a matter of what's more important, more entry space, or quicker access to all the sidebar things. I like having all my stuff up towards the top of the page where I can see it quickly when the page first loads, but in exchange for having the three column layout, I've had to give up on some of the webcomic syndication feeds I'd like to watch because the feed has the comic in it and it's too wide to fit the middle column and that option to add scroll bars to the entry containers makes Firefox jiggly when scrolling a page

[lollobrigida]

All over the place today! I've used this several times on varied layouts and its perfect! Today though I've run into an issue where the sidebar dividing line still shows up beneath the full width of the page. So there is just one white dividing line that streaks through the whole page. Of course I like the dividing line for keeping the sidebar separate, but not under all the text of a reply page.

So is there a line I should add to this? like one of those border display: none things?

[av8rmike]

Can you provide a link?

[lollobrigida]

I sure can! Now just for reference, I have gone WAY out of my way on this one, but I was trying to see how easy I could make it for someone else to make sorted tag groups, so it's a new 'layout' with a 'theme' layer. But I think I did that all pretty basic. Also that's just a set-up journal. So if you need me to test anything in any of it let me know.

http://ohgodkillme-now.livejournal.com/2559.html

Layout = 965342
Theme = 9815278

[av8rmike]

Ah, it's the old sidebar:borders problem, specifically this. Except in this case, you'll need to add the view class, e.g.:
.lj-view-entry .layout-tw #content-inner {background-image: none;}

[lollobrigida]

Thanks! Once again you are super!

[inglorious_dmk]

That worked perfectly, thank you ♥