Changing width of page

• 

  gcmnz · Member · May 17, 2017 at 4:35 am

  • Copy link
  • Add topic to favorites

  Hi there
  I am wondering if it is possible to change the width of a portfolio post.
  The embedded Instagram post will only align to the left (have tried lots of different coding but it seems to be the way that Instagram has aligned it, so I cannot change this), which is throwing out how everything else is centred.
  So, I was wondering, I could change the width of the entire post, so that it is the width of the Instragram post. As it is, I don’t like how wide the written part goes, so would like to have a play with changing this anyway, even if it won’t fix the issue with Instagram.
  Any help would be much appreicated! Here is the page I’m currently working on https://gcmnz.wordpress.com/portfolio/tane-williams-accra/
  Thanks,
  Eve

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

• 

  otpidusprime · Member · May 17, 2017 at 8:58 am

  • Copy link

  Hello @gcmnz
  You don’t need to change the width of the entire post to just match the instagram embed. What you can do instead is use CSS to make the instagram embed match the width of the post area.

  Use this CSS:

  iframe {
      max-width: 100% !important;
  }

  If you dont want to do this and still want to match the width of the post to the instagram embed, then use this CSS:

  .entry-content {
      max-width: 658px;
  }

  Hope this helps 🙂

• 

  gcmnz · Member · May 17, 2017 at 10:24 am

  • Copy link

  Amazing thank you, the first option was perfect!

• 

  otpidusprime · Member · May 17, 2017 at 10:25 am

  • Copy link

  @gcmnz you’re welcome 😇