• I’ve made many attempts but cant seem to get the dang title centered. I can move it around, but nothing seems to get it aligned with the footer.

    can anyone help? Thanks!

Viewing 15 replies - 1 through 15 (of 18 total)
  • Is this the theme you’re talking about? I don’t understand what you mean about aligning with the footer.

    Thread Starter Teratoma

    (@teratoma)

    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.

    http://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?

    Thread Starter Teratoma

    (@teratoma)

    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!

    Thread Starter Teratoma

    (@teratoma)

    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:

    http://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.

    Thread Starter Teratoma

    (@teratoma)

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

    Thread Starter Teratoma

    (@teratoma)

    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!

    Thread Starter Teratoma

    (@teratoma)

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

    Thread Starter Teratoma

    (@teratoma)

    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.

    Thread Starter Teratoma

    (@teratoma)

    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?

    Thread Starter Teratoma

    (@teratoma)

    <div id="social">
    								<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
    								<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                                                                    <?php echo do_shortcode('[pinit]'); ?>
    								<div id="fb-root"></div>
    								<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script>
    								<fb:like href="<?php echo 'http://'.$_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.

Viewing 15 replies - 1 through 15 (of 18 total)
  • The topic ‘Imbalance 2 – Centering the post title’ is closed to new replies.