Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

Change width of theme

  1. baoch
    Member

    hello!

    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,
    Baochi

    The blog I need help with is thebaochi.com.

  2. thesacredpath
    Member

    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.

  3. thesacredpath
    Member

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

  4. baoch
    Member

    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?

    best,
    baochi

  5. thesacredpath
    Member

    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.

  6. baoch
    Member

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

  7. thesacredpath
    Member

    You are welcome.

  8. loveantoinette
    Member

    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?

  9. thesacredpath
    Member

    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.

  10. loveantoinette
    Member

    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?

  11. thesacredpath
    Member

    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%;
}

  12. loveantoinette
    Member

    Yay it worked! Thank you sooo much!

  13. thesacredpath
    Member

    You are welcome.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags