?style=light - add white space to sides of text

[doro]

Title:
?style=light - add white space to sides of text

Area:
styles

Summary:
put in white space (inch and a half maybe?) on both sides of the text, so the text column is only about 8-9 inches wide

Description:
(Per recommendation, copying my comment to dw-news 2010-09-08):

(quote) Favorite New Things - #2, this is the part that I adore -- adding a one-touch ?style=mine or ?style=light link(end quote)

Absolutely. Due to mild vision issues, I use this on most posts not taken directly from my "flist" page.

One question/suggestion for the formatting on the ?style=light: would it be possible to put in white space (inch and a half maybe?) on both sides of the text, so the text column is only about 8-9 inches wide? (Again due to those same mild vision issues, it is difficult to track lines clear across the width of the screen.)

Thank you so much for a great site!

Poll #4417 ?style=light - add white space to sides of text

Open to: Registered Users, detailed results viewable to: All, participants: 37

View Respondents

This suggestion:

View Answers

Should be implemented as-is.
8 (21.6%)

Should be implemented with changes. (please comment)
2 (5.4%)

Shouldn't be implemented.
14 (37.8%)

(I have no opinion)
13 (35.1%)

(Other: please comment)
0 (0.0%)

Comments

[denise]

*giggle* Oh, don't worry about it! If nothing more, it's given us some interesting fodder for discussion :)

I'm poking around with the style to figure out how to make it narrower for you. Hang on; my CSS is not the best, but I can totally get it the way you want it.

EDIT: Got it. With this, you'll be able to make the column as narrow as you want.

1. Go to http://www.dreamwidth.org/customize/options?group=customcss

2. Go to the large box in the bottom, labeled "Use embedded CSS" (the label's at the bottom of the box, but it's the largest of the ones there)

3. Copy and paste this in that box:

.entry {
margin-left: 10em !important;
margin-right: 10em !important;
}

4. Hit "Save Changes" and view your journal. If that doesn't make it narrow enough for you, you can change the "10" into whatever number you want -- just keep the 'em' there. So, "15em", "20em", etc.

[doro]

Fantastic!

Yes, thank you, that does it.

It only changes the post content, not the page header or the comments section. But, that is fine by me.

This goes in my "tech" memories.

*hugs*

[denise]

Glad to be of service! Our style system is set up so that you can really easily change things using CSS, so if you want the comments or page header to be included too (I didn't do those because you just said entries, not comments), just let me know and I'll work that out for you.

[doro]

Yes, after working with this a little more, getting the comments also would be great (header is fine as is).

And for matgb's suggestion about max-width, two questions:
Do I want a space after the colon?
Would I replace both lines that say "margin" with one, and leave the
!important;
at the end of it?

(Hm, maybe for comments just replace the word "entry" with "comments"?)

I've never done any coding, so your copy/paste is really appreciated.

I'll be AFK until Monday or Tuesday.

A million thanks!

[matgb]

A space isn't needed, just makes reading it easier.

Replace both margin lines with the max-width line, the important shouldn't be needed but won't hurt.

And yes, I think .comment would work (it depends on how the code is resolved, everything is given a name by the developer, as I don't use your style, and you haven't any public entries with comments, I can't be sure, but the default name is .comment (no 's').

[doro]

p.s. I went with 7 instead of 10.

[matgb]

Is Margin the best approach? That sets the width defined by the length of the screen still, so on a wider monitor it'll still be huge.

I worked around this on my layout by putting a max-width command in, for mine it was max-width:1200px, which given my main column is set at 60% gives me a nice sixe, but max-width:30em would probably do the job as well, and give the same effect on any and every monitor setup.

[denise]

I was assuming she'd mostly be reading things on the same monitor, and I find margin easier than max-width when I don't know what browser the other person's using; max-width is really really buggy in IE.