Post Alignment is off

I don’t exactly understand what you mean… what are you trying to accomplish exactly? Are you trying to automatically align all posts centered? If not, you can align text from within WordPress’ visual viewer or use HTML code to center text/objects.

Please do elaborate where and on which is the problem.

If you notice he left margn of the post is too tight on the box, and the right side has lots of space. How would i go about centering the posts in the frame? THis resulted from changing the index file line 6 because my titles werent showing. the change from posts to posts() made the titles visable but shifted the post to the left.

style.css – change:

.post-content {
    clear: both;
    line-height: 160%;
    padding: 15px 0 40px;
}

to:

.post-content {
    clear: both;
    line-height: 160%;
    padding: 15px 0 40px 20px;
}

I tried playing with the h2 values but couldnt get it to move over as well… any ideas?

In style.css you’ll want to change:

.post-info {
margin: 0px;
}

to:

.post-info {
margin: 0px;
padding: 0px 40px;
}

That will change the information under the post title to move over. It also looks like somewhere something got messed up with the div class of post. It is showing that class to be ‘post()’ instead of ‘post’ and so the h2 styles that are meant for that part aren’t loading properly. Once that is fixed, you can apply the proper padding to the h2 .post{ } css.

Feel free to ask again if you have questions.

If I remove the () then my titles dissapear completely off the front page! And the body text is shifted to the correct position with padding: 15px 0 40px;

the () was added to make the title appear, then my text shifted left. I thought i would leave it and rearrange the text as a work around.

Excuse me for the sloppyness I don’t really know wtf im doing.

and thanks again for your help!

Ok, let’s try something. Back your stuff up before doing this so that in case it doesn’t work you can go back to the original set up and we can try something else.

First, change the post() in the code that you posted in the paste bin to post-main.

Next, use this as your style.css file. I have replaced all the parts in the style.css you are using that have the post class to have the post-main class.
https://wordpress.pastebin.com/VEeUj4X3

The reasoning for this is that I believe that the problem is being caused by the fact that the class is called post() instead of post, like it references in your stylesheet. The other thing to try is to change the lines that reference the post class in your stylesheet to reference post().

Let me know how that goes.

Hi again,
You can check out https://www.safeandwet.com for the results

also when reverted back to twentyten everything is fine so it’s something theme specific I guess? Would reinstalling the theme do anything?

Well, that didn’t work! ??

Reinstalling the theme might be a good idea. It’s just very interesting because how you had it originally it wasn’t picking up your h2 tag styling from your css file. I’m not really sure why it wasn’t.

Try reinstalling the theme and see where that gets you.

how would i go about saving all the stuff i’ve tweaked and reintergrating it? pictures, header, etc?

Actually, let’s try one more thing before you reload the theme. Can you add this to your stye.css and see what that looks like?

#left-col h2 {
padding: 0 40px;
}

under layour instead of

#left-col { float:left; display:inline; width:584px; margin:0 0 0 5px; }

or in addition to?

in addition to

Added it, when you click on a single post it displays correct, but the main page is still to the left.