How do I center align Instagram Images?

• 

  makeastoryco · Member · Apr 10, 2015 at 3:01 pm

  • Copy link
  • Add topic to favorites

  I have seen this question pop up everywhere but no solution works! Please help!

  The blog I need help with is: (visible only to logged in users)

• 

  alexjgustafson · Member · Apr 10, 2015 at 3:35 pm

  • Copy link

  This will require some Custom CSS and the adjustments would vary from site to site.

  Looking at your site briefly, I did not see posts with instagram images to help you design the necessary CSS. Would you reply with a link to a post or page on your site that includes instagram images?

• 

  makeastoryco · Member · Apr 10, 2015 at 3:38 pm

  • Copy link

  HI Alex,

  I just added this:

  http://makeastory.co/2015/04/10/spring/

  Thank!

• 

  alexjgustafson · Member · Apr 10, 2015 at 6:13 pm

  • Copy link

  So it looks like you need a little more space on the left in a desktop view, but actually a little more space on the right for smaller screen sizes. To really do this right, you’ll need to use @media queries in your CSS:

  @media screen and (min-width:960px){
       margin-left: 10%;
  }
  
  @media screen and (max-width: 959px){
       margin-left: -10%;
  }

  However, it appears you do not have the Premium plan, so you won’t be able to add this CSS to your Customizer.

  You can add CSS to a specific post using inline styles. Like this:

  

  but inline styles won’t be able to support the multiple @media queries to make your image centered on all views.

  My recommendation would be to either purchase the Premium plan, and copy+paste all that CSS code into your Customizer. Or to add the inline styles for only the top portion. This will better center the image on desktop views.

  You can also play around with raising/lowering that 10% number for later posts if the images don’t appear centered at 10% space.