WordPress.com Forums » Topic: Need narrower appearance for blog - please help!

thesacredpath on "Need narrower appearance for blog - please help!"

thesacredpath — Thu, 04 Aug 2011 02:18:49 +0000

I did miss one though, the footer. Add the following as well.

#footer {
width: 755px;
}

thesacredpath on "Need narrower appearance for blog - please help!"

thesacredpath — Thu, 04 Aug 2011 02:17:20 +0000

You've pasted the entire stylesheet into the CSS edit window. At wordpress.COM, that will cause all sorts of problems. You want to put only the specific selectors, and only the specific declarations you are changing into the CSS edit window. Your changes are then loaded after the original CSS and override the declarations in the original.

Take all the stuff out of the CSS edit window and put only what I have above into the CSS edit window and then save the stylesheet.

thesmartcookiecook on "Need narrower appearance for blog - please help!"

thesmartcookiecook — Thu, 04 Aug 2011 01:48:00 +0000

Here's the link so you can see what happened:
click

thesacredpath on "Need narrower appearance for blog - please help!"

thesacredpath — Thu, 04 Aug 2011 01:21:46 +0000

The below takes the content area down to 475px wide, which is just a little more than 75% of what it was. After uploading the header image, get the URL of that image and put it into the #header-image background declaration below where it says URL OF IMAGE between the double quote marks. You will have to go back to appearance > header in your dashboard and "remove" the header image there. The header image should be 755px wide x 200px high.

#wrapper, #header {
width: 755px;
}

#header-image {
background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
width: 755px;
height: 200px;
}

.content {
width: 475px;
}

thesmartcookiecook on "Need narrower appearance for blog - please help!"

thesmartcookiecook — Wed, 03 Aug 2011 19:39:52 +0000

First of all, thank you for trying to help me. Second of all, I'm not sure as far as actual numbers go, but I would say I'd like to reduce the width of the content by a quarter of what it is now. Finally, where do I put the code in the CCS once I change the image?

thesacredpath on "Need narrower appearance for blog - please help!"

thesacredpath — Wed, 03 Aug 2011 19:34:23 +0000

This will take a number of things. You will have to redesign your header and reduce the width by however much you want. Then that image will have to be uploaded to your media library and then the URL of that has to be put directly into the CSS since the custom header uploader will always try to make the image the original size.

There are a number of other elements that will have to be adjusted in width. Right now the overall width of the main wrapper is 990px, the sidebar is 250px wide and the content (post) area is 620px wide. What width are you wanting, or how much do you want to narrow it by?

thesmartcookiecook on "Need narrower appearance for blog - please help!"

thesmartcookiecook — Wed, 03 Aug 2011 19:10:57 +0000

I really want to make my site appear narrower. It takes up practically the whole page and makes my header look overstretched and too big:
as seen here
I have tried digging through the code and messing with the wrapper width but I can't seem to change it. I really want to fix this. I have the "clean home" theme. Anyone know what to do? You'd be my hero...