Post margin CSS correction code

• 

  katcaraway · Member · Apr 13, 2021 at 11:36 pm

  • Copy link
  • Add topic to favorites

  My posts have a super large left margin, everything is off center and it’s killing me- anyone know of the CSS code to correct this?

  Example post: https://katcaraway.com/2021/04/13/engagement-session-at-fairhope-italian-village-fairhope-pier-abby-hunt/

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

• 

  staff-totoro · Staff · Apr 14, 2021 at 3:03 am

  • Copy link

  Hi there,

  You can adjust that here, under the Additional CSS tab on the left:
  https://wordpress.com/customize/katcaraway.com

  When you get there you will see a text box with some text in it. Create a new (blank) line, and paste in the following custom CSS code:

  @media screen and (min-width: 1000px){
  .no-sidebar .entry-body,
  .no-sidebar.single .without-featured-image>.entry-header {
      padding-left: 0;
  }
  }

  Once you save your changes you should no longer see the extra padding on the left side of blog posts.

  Hope that helps. Please let us know if you have any more questions.

• 

  staff-totoro · Staff · Apr 14, 2021 at 3:04 am

  • Copy link

  Hi again,

  I forgot to mention that this is the support forum for our free sites, but your Premium Yearly Plan upgrade includes priority live chat support that you can access 24 hours a day (except major holidays)

  With this in mind you are encouraged to reach out to us here, and we can take a closer look at your issue in realtime. No need to wait for a reply in the forums: https://wordpress.com/help/contact

  Hope this helps!

• 

  katcaraway · Member · Apr 14, 2021 at 4:10 pm

  • Copy link

  That worked but now my post title is still off center, do you by chance have a code for that? I have the page header aligned with custom CSS but now the actual post title is still off center.

  And thank you for the support link, I didn’t even realize I had access to that, after this I’ll refer there if I have any other issues or questions. Thanks!

• 

  helper-heroponriki · Member · Apr 14, 2021 at 7:22 pm

  • Copy link

  You would also need to add this to your Custom CSS:

  .post-template-default #main .entry-header{
    margin-left:0px;
  }

  That should do it! If you have further questions or need additional CSS help, please open a new support request at https://wordpress.com/help/contact

  Cheers!

• 

  katcaraway · Member · Apr 14, 2021 at 7:41 pm

  • Copy link

  Thanks!