Making Coraline Wider

  • Unknown's avatar
    scotthargis · Member ·

    I’ve searched the forums, and not found a clear answer to this question.
    I was a Cutline user, and after much searching, I had figured out how to widen the body of my blog using my Custom CSS upgrade. That was a long time ago, and since I don’t do much CSS editing, I’ve forgotten how I did it.

    Now I’ve been switched to Coraline, and I want to make my blog wider, like I had it with Cutline. But I can’t find any instructions on how to do this. I’ve been trying everything I can think of in Custom CSS, but nothing at all changes on the blog. I can’t even screw it up!!

    So I’m left with 2 questions:
    1) Can anyone confirm or deny that this is possible with Coraline?
    2) Can anyone point me to a resource for learning how to accomplish this?

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    1. Yes it is possible. The CSS seems to be broken out by 2-column and 3-column (the un-2-column). If you stick with a 2-column layout, making the following change will widen the content area:

    .two-column #container {max-width: 770px; }

    Change the width as you see fit (770 is what is current).

    970px is what I see for the current width in the main container selector, so unless you want to change a bunch of other stuff, I would stick with 970 for the above. 970 is also what I see for the masthead.

    2. As far as resources, look to the sticky posts at the top of the CSS forum. There are some good references there for learning CSS. I’ll also offer the following, which was left here in the forums quite some time ago by a real CSS guru.

    atthe404 on CSS:

    There is no trick. But doing CSS requires an understanding of the markup (xhtml). There is no way round that. The CSS applies styles to stuff. To what stuff depends on the markup. So number one read the source (View Source). Get used to it. Feel comfortable with it. Two. Understand what the heck selectors actually are. Different cats of selectors behave in different ways. SO: this is counter intuitive. To understand the CSS do not start in CSS. Start in the xhtml. Then see how they relate. Its all there. :)
    There are gazillions of CSS tutorials on line.

  • Unknown's avatar
    scotthargis · Member ·

    OK, thanks for that. Good to know it’s possible. I’ll try adding that line, see what happens.

  • The topic ‘Making Coraline Wider’ is closed to new replies.