Change responsive post width

• 

  shingzx · Member · Mar 16, 2017 at 10:16 am

  • Copy link
  • Add topic to favorites

  My blog is still under construction so pardon the lack of featured images on the main page.

  When I click into the individual blog posts, the post width is the same the featured image width when I’m using a Macbook Pro 13″. But when I use a bigger screen, the responsiveness would make it such that there is a huge margin on the left side of the post, so the width is smaller than that of the featured image.

  How can I use CSS to ensure the post width and featured width match regardless of the screen I’m using?

  Thanks!

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

• 

  thesacredpath · Member · Mar 17, 2017 at 6:57 am

  • Copy link

  Hi, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  .single-post .entry-content {
    margin-left: 0 !important;
  }

  In addition, in the Media Width field below the custom CSS entry area, enter 1100.

• 

  shingzx · Member · Mar 20, 2017 at 4:07 am

  • Copy link

  Problem solved.
  Thank you so much for your help!!

• 

  thesacredpath · Member · Mar 20, 2017 at 6:59 pm

  • Copy link

  Hooray and you are welcome!