Change width of theme

  • Author
  • #783762



    first, happy holidays to the amazing experts on this forum. you’ve been so helpful.

    i am wondering if it’s possible to widen the main area of my blog? I am using the Coraline theme, and I have the CSS Editor.

    Thank you,

    The blog I need help with is


    It is quite easy with Coraline as long as you do not want to change the widths of the post and sidebar relative to each other (they are set as percentages of the overall width.

    Add the following to your CSS edit window and change the pixel width in “max-width.”

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

    I would not recommend going over 990px as a general rule since there are still a good number of people out there on 1024px wide display resolutions and 990px is about the widest you can safely go without it causing people to scroll horizontally.


    In future, on CSS related questions, could you please post in the CSS forum? That is the first place I look.



    thank you, i’m sorry. i keep doing that.

    thank you for your quick response…it worked!

    enjoy the holidays. how can i send you a thank-you gift for the several times you’ve helped me?



    Glad that worked, and you are welcome.

    I thought about setting up a donate button, but just never have. You can use the contact form on the site linked to my username to contact me.



    Cool, just sent you a message via the contact form. thanks!


    You are welcome.


    Hi I tried using the same code you suggested in my CSS edit window and my width stayed the same – no change at all. Any idea?


    I see you changed it to 880px in width and it definitely changed the width of your theme, so I assume you got this figured out.


    Well yes and no I wanted a wider width specifically for my posts, not so much on my [right] sidebar/widget area. Is there a way I can change the percentage so my posts and pictures are wider in size?


    Add this to your CSS and adjust the two percentages below (original was 65%/30%), but keep their total at 95% to maintain a proper relationship with other elements in the page.

    .two-column #content {
    width: 75%;
    .two-column #primary, .two-column #secondary {
    width: 20%;

    Yay it worked! Thank you sooo much!


    You are welcome.

The topic ‘Change width of theme’ is closed to new replies.