Remove clear space on left side of the website

• 

  kristyleighmckay · Member · Dec 22, 2013 at 5:31 am

  • Copy link
  • Add topic to favorites

  Hello,

  What code will remove the clear space on the left side of my website?
  The clear space i am referring to is to the left of div#page.hfeed.

  Thank you.
  Kristy

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

• 

  txpost · Member · Dec 22, 2013 at 10:04 pm

  • Copy link

  Hi Kristy,

  The following CSS code centers your content:

  #page {
     margin: 1.615em auto;
     width: 960px;
  }

  If you would prefer to have it left justified, you can replace the above code with this:

  #page {
     margin: 1.615em 0;
     width: 960px;
  }

• 

  kristyleighmckay · Member · Dec 23, 2013 at 8:18 am

  • Copy link

  Thank you for your advice. Unfortunately this code did not remove the clear space to the left of div#page.hfeed

  It also over-rides the code that i added to remove the white space above my header:
  margin-top: -42px;

  However I am truly grateful for your reply. No one else has come back on this so it must be a tough one.

  Thanks again,
  Kristy

• 

  txpost · Member · Dec 23, 2013 at 4:24 pm

  • Copy link

  The changes I suggested for your CSS shouldn’t affect your margin-top. In margin: 1.615em auto;, “1.615em” represents the top and bottom margins, while “auto” represents the right and left margins.

  I may not understand entirely what you’re trying to do. Are you trying to have your content left justified on the screen, so that it sits as far to the left as possible? Also, what happens when you enter the code I suggested? When I used the Chrome web inspector to make the changes, it removed the white space on the left.

  We can figure this out!

• 

  justpi · Member · Dec 24, 2013 at 11:08 pm

  • Copy link

  For starters you need to fix the footer credits. removing them or making them invisible is against the TOS (#11):
  http://en.wordpress.com/tos/

• 

  kristyleighmckay · Member · Dec 28, 2013 at 6:37 am

  • Copy link

  Hi txpost,

  Thank you for your email. Sorry if my email was not clear.

  My site’s content is centered and I would like to keep it centered.
  The issue is outside of my sites content on the left there is clear space that I would like to remove.

  This space can be seen when the browser window’s width is minimized.

  Thank you for your advice,
  Kristy

• 

  kristyleighmckay · Member · Dec 28, 2013 at 6:39 am

  • Copy link

  Hi justpi,

  Thank you for your advice on the footer credits. Now visible.

  Thanks
  Kristy

• 

  thesacredpath · Member · Dec 28, 2013 at 6:49 am

  • Copy link

  Hi Kristy, the theme you are using has three rules that are making the white space on the left when the browser is narrowed. Add the following and if you wish a little white space to the left, adjust the left padding in the first rule (body). I would probably suggest 10px to keep things from being flush against the left browser window border.

  body {
      padding-left: 0;
  }
  
  #masthead {
      margin-left: 0;
  }
  
  #content {
      margin-left: 0;
  }

• 

  kristyleighmckay · Member · Dec 28, 2013 at 10:47 pm

  • Copy link

  You are awesome! That is exactly what I needed.
  Thank you once again.
  Kristy

• 

  thesacredpath · Member · Dec 29, 2013 at 4:33 am

  • Copy link

  Kristy, you are welcome and thanks.