Imbalance 2 – Centering the post title

Is this the theme you’re talking about? I don’t understand what you mean about aligning with the footer.

Sorry, I meant to post a link. The theme’s default has everything on the posts template aligned left. I have the social media buttons and footer info where I want them, but the post content and title – although aligned with each other – are inexplicably off to the right. I’d like everything centered.

https://pins.kevinbyrd.co/forbidden-knowledge/

Get rid of the left margin and width for the heading

.post_title h1 {
margin: 0 0 10px 250px;
font-size: 27px;
line-height: 35px;
width: 710px;
}

you’ve a lot of tables in your code for the content, why?

That line is already in my stylesheet.

I haven’t manually added any tables anywhere. Where exactly are you seeing that?

I meant to specify that you remove them lines form the code I posted.
Changing the previously posted code to this should fix your heading.

.post_title h1 {
margin: 0 0 10px 0;
font-size: 27px;
line-height: 35px;
}

I think if you delete the below code from the page your content seems to be centred properly. I haven’t tested this fully though.

<td class="entry-aside"></td>

I hope that helps!

Getting there! The title is now where it should be! Though now it’s the content that won’t cooperate. How can I make that centered too? I don’t plan on using a whole lot of text, so it can be centered as well.

That td class line (and I’m assuming the tables you mentioned) were coming from the ‘front-end editor’ plugin, which I’ve disabled.

The issue I seem to be having now is that large images seem to throw everything off:

https://pins.kevinbyrd.co/moonpatrol-fb3/

Is there a way that *everything* on the page can be balanced/centered?

Thanks so much for the help!

Is the code <td class="entry-aside"></td> doing anything? If not removing that centres the content.

It was coming from a plugin that I’ve disabled. I don’t see it anymore, do you?

oops, I must be wrong about that. I do see it on the page, but I can’t find it anywhere on the stylesheet.

It wont be in the style sheet, it’ll be in your single.php file!

It was in my loop-single.php. I deleted it, but now look: https://pins.kevinbyrd.co/moonpatrol-fb3/

Ok, I just added <center> tags to the single.php file and got everything where I want it except for the social media buttons. I don’t care about the Pinterest one for now, but what’s with the twitter/fb buttons?

You header still has the following code

post_title h1 {
margin: 0 0 10px 250px;
font-size: 27px;
line-height: 35px;
width: 710px;
}

add

#social {
display: block;
margin: 0 auto;
width: 581px;
}

to centre your social sharing links.

Argh… I made the change you suggested before. I don’t see the “width: 710px;” line anywhere.

This is my current #social section:

#social { padding: 20px 0 0 0; }
.twitter-share-button { float: left; margin: 2px 20px 0 0; }
.post img, .page img { margin: 20px 0; }
.post .alignleft, .page .alignleft { float: left; margin-right: 20px; }
.post .alignright, .page .alignright { float: right; margin-left: 20px; }
.post .aligncenter, .page .aligncenter { display: block; clear: both; margin: 20px auto; }

Should I replace that entirely with what you posted there?

<div id="social">
								<a href="https://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
								<script type="text/javascript" src="https://platform.twitter.com/widgets.js"></script>
                                                                <?php echo do_shortcode('[pinit]'); ?>
								<div id="fb-root"></div>
								<script src="https://connect.facebook.net/en_US/all.js#xfbml=1"></script>
								<fb:like href="<?php echo 'https://'.$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'] ?>" send="true" width="450" show_faces="false" font=""></fb:like>
							</div>

OK – SO CLOSE! I’ve been playing around with the above, and the #social section of my stylesheet. The social media buttons (even before I stuck the Pinterest one in) are still slightly off-center and to the left. Not ideal, but tolerable. If I could just scootch ’em over to be centered with the footer, AND figure out why they’re not lining up horizontally, I’d be happy.

I really appreciate your time. If you’d like a custom avatar or need a banner or something designed, I’d be happy to oblige.