Change width of theme

baoch · Member · Dec 26, 2011 at 4:13 am
Copy link

Add topic to favorites
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: (visible only to logged in users)
thesacredpath · Member · Dec 26, 2011 at 5:35 am
Copy link
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.
thesacredpath · Member · Dec 26, 2011 at 5:53 am
Copy link
In future, on CSS related questions, could you please post in the CSS forum? That is the first place I look.
baoch · Member · Dec 26, 2011 at 7:16 am
Copy link
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
thesacredpath · Member · Dec 26, 2011 at 8:10 am
Copy link
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.
baoch · Member · Dec 27, 2011 at 10:26 pm
Copy link
Cool, just sent you a message via the contact form. thanks!
thesacredpath · Member · Dec 27, 2011 at 11:53 pm
Copy link
You are welcome.
loveantoinette · Member · Jan 3, 2012 at 2:43 am
Copy link
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?
thesacredpath · Member · Jan 3, 2012 at 5:07 am
Copy link
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.
loveantoinette · Member · Jan 4, 2012 at 3:33 am
Copy link
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?
thesacredpath · Member · Jan 4, 2012 at 6:45 am
Copy link
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%;
}
```
loveantoinette · Member · Jan 5, 2012 at 10:12 pm
Copy link
Yay it worked! Thank you sooo much!
thesacredpath · Member · Jan 5, 2012 at 10:16 pm
Copy link
You are welcome.

No items found.