Help with CSS: Widen Post Area

childimpact · Member · May 18, 2016 at 8:36 pm
Copy link

Add topic to favorites
Hey,

I have read though a lost of post about widening the width of your blog post and I have tried different codes to no avail. I am new to CSS, with a Premium account, and the Hemingway Rewritten theme. I do not know what I am doing wrong.

Here is the link to my site: asianaidusa.wordpress.com

Here is some code I found somewhere:
postareaindex {
float:left;
margin:0 auto;
padding:10px;
width:760px;
}
#indexentry {
width:740px;
}

Help me customize my blog please!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · May 18, 2016 at 8:59 pm
Copy link
Hi there, CSS is generally theme specific, and themes here at WordPress.com can have differences from the self-hosted version of the theme, but we can help you out.

Let’s start with this and see what you think. I’ve widened the overall content area to 1400px (was 1040px). Remove the CSS you had put in and replace it with the following.
```
.site-content {
    max-width: 1400px;
    width: 100%;
}
.site-main {
    margin-right: 32%;
}
.site-content .widget-area {
    padding-right: 30px;
}
```
Let me know what you think.
childimpact · Member · May 18, 2016 at 9:14 pm
Copy link
Woah! It worked. Thank you so much.

Not sure if you’re able to assist me with any other questions, but I would love to know how to make the headings on my sidebar larger and centered?
thesacredpath · Member · May 18, 2016 at 9:32 pm
Copy link
Great, and certainly I can help with that. Add the following to your CSS and you can edit the font size as desired.
```
.widget-title {
    font-size: 1.4rem;
    text-align: center;
}
```
childimpact · Member · May 19, 2016 at 1:21 pm
Copy link
Perfect. Thank you very much!
thesacredpath · Member · May 20, 2016 at 1:27 am
Copy link
You are welcome.

No items found.