MOSTLY SOLVED: Tweaking my Remodel: side spacing, space around userpic, bullet lists

[cahwyguy]

I just converted my journal from Component (the style it has had since 2004) to Minimalist Green (Expressive). Reading through this community, I've found a few tricks already: changing the background color for the body, and making it so bullets don't go into the user picture. There are still some things I'd like to do: I've searched the community

Comments

[av8rmike]

Sorry, I was away all weekend and couldn't respond to posts. Which of these questions are still unresolved?

[cahwyguy]

Re: #1. Solved, although I would still like to figure out how to widen the alpha box a bit, but I can live with thing.

Re: #2: Solved.

Re: #3: I still don't have true hanging indents -- when I remove the "inside", the bullet moves closer to the userpic box, or goes into the userpic box, or repeats on both sides.

Re: #4: Solved.

Feel free to look at my journal to see how things are working out so far. You should find some bulleted lists a few days ago to see what I mean. As noted above, I'm using mimimalist green with the following custom CSS

[av8rmike]

For #1, what you have will work, but I like to point people to the tutorial for changing the header image, which also includes a section on changing the width of the layout to match. You can use this CSS:
#header-inner, #container-inner { width: 1280px; }
#alpha { width:1090px; }
.layout-tw #alpha-inner { width:1050px; }
although, you'll need to remove the part in your current CSS that does the absolute positioning.

For #2 and #3, I know there have been problems with list bullets intruding into floated images (like userpics). Although I can't find the posts now, I'm almost positive it's an issue across several browsers, not something specific to LJ or Expressive. I'm not sure what effect you're trying to achieve, though ...?

[cahwyguy]

For #1, I tried that, but that got rid of the sidebar. However, I did retain the widening of layout-tw and alpha-inner, which helped. Of course, I'd love it if the width could auto resize, but I don't think that will happen.

As for the hanging bullets, it could be a browser issue. What I want is bullets that look like:

o tes tes test tes tes test
tes tes tes tes tes tes
tes tes tes tes tes tes

instead of:

o tes tes tes tes tes tes tes
tes tes tes tes tes tes tes
tes tes tes tes tes
tes tes

Still, I think how I have tweaked things is starting to look better. Thanks.

[htbthomas]

Thank you for this entry - through it I figured out how to fix my unordered list problem! (Bullets overlapping the userpic)