WordPress.org

Ready to get started?Download WordPress

Forums

Imbalance 2 - Centering the post title (19 posts)

  1. Teratoma
    Member
    Posted 1 year ago #

    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!

  2. darrenmeehan
    Member
    Posted 1 year ago #

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

  3. Teratoma
    Member
    Posted 1 year ago #

    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/

  4. darrenmeehan
    Member
    Posted 1 year ago #

    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?

  5. Teratoma
    Member
    Posted 1 year ago #

    That line is already in my stylesheet.

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

  6. darrenmeehan
    Member
    Posted 1 year ago #

    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!

  7. Teratoma
    Member
    Posted 1 year ago #

    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!

  8. darrenmeehan
    Member
    Posted 1 year ago #

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

  9. Teratoma
    Member
    Posted 1 year ago #

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

  10. Teratoma
    Member
    Posted 1 year ago #

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

  11. darrenmeehan
    Member
    Posted 1 year ago #

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

  12. Teratoma
    Member
    Posted 1 year ago #

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

  13. Teratoma
    Member
    Posted 1 year ago #

    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?

  14. darrenmeehan
    Member
    Posted 1 year ago #

    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.

  15. Teratoma
    Member
    Posted 1 year ago #

    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?

  16. Teratoma
    Member
    Posted 1 year ago #

    <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.

  17. darrenmeehan
    Member
    Posted 1 year ago #

    I see you've edited the code quite a bit. As it stands if you make the following changes you should see your sharing links centred.

    change your with to 54% like so
    mr_social_sharing_wrapper {
    display: block;
    margin: 0 auto;
    width: 54%;
    }

    div.mr_social_sharing_top, span.mr_social_sharing_top {
    float: left;
    }

    and that should be you all set! I'm glad I could help. I may take you up on the offer!! A banner advertising my services could be appreciated! :)

  18. Teratoma
    Member
    Posted 1 year ago #

    And there it is! You sir, are a SAINT! Cheers!

    Yeah those previous buttons came with the theme, (except for the Pinterest one, which I couldn't get to play nice with the others) so I just deleted them from the loop and started using the far superior 'Social Sharing Toolkit'

    There's a lot of my stuff here: http://pins.kevinbyrd.co/boards/kbposters - take a look and let me know what kind of style most appeals to you. Let me know what you'd like on the banner and what size you want and I'll get started right away!

    This has been a tremendous help and I've learned quite a bit. Thanks again!

  19. darrenmeehan
    Member
    Posted 1 year ago #

    Meant to reply to this well before now, sorry!

    Your very welcome, your appreciation is well received!

Topic Closed

This topic has been closed to new replies.

About this Topic