Log in

No account? Create an account

Previous Entry | Next Entry

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 often, so it's not a huge deal to me, but it is a touch irritating.


( 15 comments — Leave a comment )
Jun. 23rd, 2007 11:55 am (UTC)
if you don't mind the image to be clipped, here's a solution, add this to your css, if that doesn't work, please point to a certain entry with the said problem.

overflow: hidden;
Jun. 23rd, 2007 04:07 pm (UTC)
If getting rid of the sidebar is what you really want, you could try:

body.lj-view-entry #beta, body.lj-view-reply #beta { display: none; }

Jun. 23rd, 2007 04:17 pm (UTC)
branchandroot 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;}
Jun. 23rd, 2007 05:18 pm (UTC)
...and how would that have to be changed if used with three columns instead of two?
Jun. 23rd, 2007 05:47 pm (UTC)
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;}
Jun. 23rd, 2007 06:07 pm (UTC)
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. :)
Jun. 23rd, 2007 07:00 pm (UTC)
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.)

There's no way to make it automatically fill the space, because Expressive is a fixed-width layout. So you have to tinker with a bunch of numbers to expand/shrink the boxes. Someone was able to convert it into a fluid layout (that would dynamically change as the window was resized) but s/he never got around to posting the code. If I can figure out how to reproduce it, I'll let you have it for the RPG journal (if you'll let me see what it looks like so I know what to fix. ;)
Jun. 23rd, 2007 07:38 pm (UTC)
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.

The left column would be fine to keep, it's just a matter of putting the important sidebar modules into it, and putting the less important but otherwise wanted modules into the right column.

Right now, I'm in the process of reviving the community, so if I get it rolling again enough to justify the time spent on making a special style for it, I'll let you know so you can help with the design if you want. I'll even be happy to share for other Star Trek geeks who want LCARS on their journal. :)
Dec. 1st, 2007 12:16 am (UTC)
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?
Dec. 1st, 2007 05:50 am (UTC)
Can you provide a link?
Dec. 1st, 2007 05:56 am (UTC)
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.


Layout = 965342
Theme = 9815278
Dec. 1st, 2007 06:09 am (UTC)
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;}
Dec. 1st, 2007 06:14 am (UTC)
Thanks! Once again you are super!
Jun. 23rd, 2007 06:18 pm (UTC)
That worked perfectly, thank you ♥
Oct. 20th, 2007 03:05 am (UTC)
worked for me too! thank you!
( 15 comments — Leave a comment )

Latest Month

March 2016

S2 Help Communities


Powered by LiveJournal.com
Designed by chasethestars