How to Get a Wider Area for Text in Journal Posts

[cavocorax]

I hope someone can help me out here as I don't know anything about CSS or modifying themes (although the CSS course here looks interesting, once I have time to check it out).

I really like the 5AM theme due to its simplicity and the red/black fonts, but I don't care for the way the text wraps in the posts, as you can see here.

Is there something I can paste into the custom CSS field in DW to change that? Or would I need to rebuild the theme from scratch to get it to do what I want?

Thank you!

Comments

[foxfirefey]

Try this:

.has-userpic .entry .contents { margin-right: 0px; }
.has-userpic .entry .userpic { margin-right: 0px; margin-left: 10px; }

[cavocorax]

That is perfect! Thank you! :)

(Now I resolve to learn more about CSS so I can see exactly how this works. I look forward to checking out your guides!)

[foxfirefey]

Yes, there is a bunch of information! Make sure to check out this tag for the community:

http://style-system.dreamwidth.org/tag/!style+making+class

[ladyofgallifrey]

Yay! Someone has same question as I do!

I need help. I'm not a CSS expert but I've played around enough to see how some things work.

I love the look of the layout I selected but hate how narrow the "column" (module? I'm still learning the lingo over here on DW) is that my posts are displayed in. It sometimes really messes up the format/flow of the fiction I'm posting. I'd love to get a full page width display once a cut/link is selected and the viewer wants to read one of my posts or stories.

How can I fix this? I do already have some custom CSS for my header (for the awesome banner built by nisrin!)

I am using the Tropical theme by Malionette from Base Layouts.

I'd be happy to copy/send the CSS text I've got if that will help.