How To Center Align Social Media Embed Posts

November 17, 2017 in blogging

How To Center Align Social Media Embed Posts

November 17, 2017 in blogging
HOW TO CENTER ALIGN SOCIAL MEDIA EMBED POSTS - HAYLEYXMARTIN - BLOGGER RESOURCES
How many times have you wanted to include a social media post on your blog but find you can’t get it to center align? I have been frustrated with this issue so many times. Usually, my blog post images cover the entire width of my post area, but social media embed posts usually don’t. I find it looks really odd when they are aligned to the left, which is how they align if you put the embed code into your post. Here are the ways in which you can align your embed posts, text and images to the center.

For each method, you will need to locate how to view your post in its HTML form.

  • In WordPress there is a tab next to ‘visual’, you will need to select the ‘text’ tab.
  • In Blogger, I believe there is a tab that says HTML view (or similar).
How to center align social media embed posts
Center align – method 1:

This is the basic  HTML code which will change almost anything to center in the middle of your post area. As I found this technique does not work for Instagram posts. In which case you will need the code I share in method 2.

<center>Text or image here </center>

Example of center align method 1

You can just use the align options in your post editor, but this is useful if you want something to align differently with the rest of the text. I find sometimes that items get ‘stuck’ in a position and this code helps move the item.

Center align – method 2:

If you find the above code does not work, this one will. If it is an embed code in particular that you are trying to center, go and get your code first and paste it into your HTML view of your post editor. Then you will need to put the below code around the one you have just pasted into your editor.

<div align=”center”> embed code here </div>

View from Brooklyn Bridge Park 😍 29/03/17

A post shared by Hayley Martin (@hayleyxmartin) on

There you have it, your embed social media posts should now be center aligned.
Please leave a comment if there is something you would like to know how to do!

 

Read more:

HOW TO CENTER ALIGN SOCIAL MEDIA EMBED POSTS - HAYLEYXMARTIN - BLOGGER RESOURCES

HOW TO CENTER ALIGN INSTAGRAM, TWITTER FACEBOOK & GOOGLE+ EMBED POSTS - HAYLEYXMARTIN - BLOGGER RESOURCES

8 Comments

  • Avatar
    Katie Henry November 17, 2017 at 8:37 pm

    Thank you this is so helpful!

  • Avatar
    Courtney Hardy November 17, 2017 at 11:52 pm

    This was helpful! I thought it center aligned automatically but I guess not. So I’ll have to use this.
    http://sugarcoatedbears.blogspot.com/

  • Avatar
    Laura Jacques November 18, 2017 at 5:22 pm

    Very helpful, will be bookmarking this for future 🙂 x

  • Avatar
    Endaline January 26, 2018 at 12:44 pm

    This was very helpful. Thanks for sharing!

    http://www.onyixtus.com

  • Leave a Reply

    ABOUT

    ABOUT

    Hayley | South East, United Kingdom Beauty, Lifestyle & Travel Blogger Business Management Graduate & Small Business Owner🌺🌍

    BLOGGER RESOURCES - HAYLEYXMARTIN

    NEVER MISS A POST

    Enter your email address to subscribe to this blog and receive notifications of new posts by email.

    Latest Posts

    Archives

    Follow

    DISCLOSURE

    Affiliate links or codes may be used on this website. If you click and/or purchase through these links, I will receive a small amount of commission. If affiliate links are present within a post, there will be a statement within the post itself. All opinions are 100% my own.

    ×