Image positioning on home page

• 

  lucetteromero · Member · Nov 19, 2017 at 2:51 am

  • Copy link
  • Add topic to favorites

  I’m using this theme and I love it, but I made a few updates to the site today and now I’m seeing a whole column of white space on the left-hand side of the homepage. Does anyone know how I can fix this? Please let me know.

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

• 

  chingboon · Member · Nov 19, 2017 at 8:16 am

  • Copy link

  Hi Lucette,

  Are you familiar with CSS?

  Change margin-left: 25% to margin-left: auto.

  @media screen and (min-width: 60em) {
  .hfeed.blog:not(.home) .site-main, .hfeed:not(.home):not(.blog) .site-main {
      margin-left: 25%;
      margin-right: auto;
      padding: 0;
      width: calc( 75% - 25px);
  }
  }

  @media screen and (min-width: 60em) {
  .hfeed.blog:not(.home) .site-main, .hfeed:not(.home):not(.blog) .site-main {
      margin-left: auto;
      margin-right: auto;
      padding: 0;
      width: calc( 75% - 25px);
  }
  }

• 

  wdn2020 · Member · Nov 20, 2017 at 3:52 am

  • Copy link

  you can also try this. I believe you have to be on a pay plan to add customize css:

  @media screen and (min-width: 60em)
  .hfeed .content-area {
  margin-left: -25%;
  }

• 

  thesacredpath · Member · Nov 20, 2017 at 11:30 pm

  • Copy link

  Hi @lucetteromero, to add custom CSS to make the change you are wanting, you would need to have the WordPress.com Premium or Business plan upgrade, which include Custom Design and the ability to add custom CSS.