Wordpress: All the content on my pages seems to have been pushed to the right

The Noob Coder · 09-03-2012, 10:04 PM

All the content on my pages seems to have been pushed over to the right and I can't figure out why. It has happened to all my pages.

Is there some master WP file that controls the formatting that I can fix this with?

Here are some pages that you can see this on:
http://www.convolutedconstruct.com/look-book
http://www.convolutedconstruct.com/8...ly/exhibition2
http://www.convolutedconstruct.com/volumes/ss12/

Sammy12 · 09-04-2012, 01:29 AM

Your #content is set to:

Code:

#content {
     margin: 0;
     width: 940px;
}

and then you used:

Code:

.entry-content {
     padding: 22px 42px;
}

According to the box model, the image should be:

940px - (42px padding x 2 sides) = 856px.

You need to change the image width (and height - maintain the correct aspect ratio):

or take the padding-left and padding-right off from .entry-content:

Code:

.entry-content {
     padding: 22px 0;
}

From what I see, the website was probably built without the padding, you perhaps added that padding.

The Noob Coder · 09-05-2012, 01:35 AM

Well the strange things is that I don't recall changing any CSS recently so I don't see how I could have added that. (Perhaps one of my coworkers did). In any case, do you know where I can find this CSS file that this is in (that is, the directory)? I'm still a bit unfamiliar with the way WP organizes (or disorganizes) the files.

Coding Start · 09-05-2012, 05:15 AM

If you have problem with your wordpress appearance, you should edit your CSS script. But before change your script, it recommended for you to backup your code so that nothing error, you can restore your script.

Sammy12 · 09-05-2012, 06:29 PM

Quote:

Originally Posted by The Noob Coder

In any case, do you know where I can find this CSS file that this is in (that is, the directory)?

On line 290 of default.css:

Code:

.entry-content {
    padding:22px 42px;
}

The file is located: http://www.convolutedconstruct.com/w...es/default.css
convolutedconstruct (directory) > wp-content > themes > thematic > library > styles > default.css

Better yet, if you can't find it, just override it in another css file that you have access to and write:

Code:

.entry-content {
     padding: 22px 0 !important;
}

The Noob Coder · 09-07-2012, 03:14 AM

Thanks, I found the file. The padding on the left was reduced significantly when I changed it to 0, but there is still some left for some reason (even though I am using !important). Any ideas why that could be?

Sammy12 · 09-07-2012, 03:59 AM

Code:

#main {
    position: relative;
    left: -10px;
}
#main, #container, #content {
    width: 942px !important;
}

Your background is not centered, I don't think the image you are using has the correct dimensions on the left and right. Basically your page is in the middle of the page, but the background is not. The right side of the background is longer than the left. Instead of fixing the image, I think it would be better to just adjust the CSS (code above) since if you edit the image, you will lose the crisp quality of the original aspect ratio.

The Noob Coder · 09-08-2012, 07:17 PM

Thank you, thank you, thank you!

This did the trick and everything looks fine now. You're awesome!