Remove clear space on left side of the website

  • Unknown's avatar

    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)

  • Unknown's avatar

    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;
    }
  • Unknown's avatar

    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

  • Unknown's avatar

    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!

  • Unknown's avatar

    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/

  • Unknown's avatar

    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

  • Unknown's avatar

    Hi justpi,

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

    Thanks
    Kristy

  • Unknown's avatar

    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;
    }
  • Unknown's avatar

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

  • Unknown's avatar

    Kristy, you are welcome and thanks.

  • The topic ‘Remove clear space on left side of the website’ is closed to new replies.