Align Blog Left

• 

  kjjustice · Member · Apr 23, 2013 at 5:17 pm

  • Copy link
  • Add topic to favorites

  Hihi.

  Okay, so I’m feeling kind of stupid about this. I just upgraded to the Custom Design feature, and I feel like what I want to do is simple, but it’s not working.

  I go to appearance, custom design, CSS, which takes me to a preview of my blog with a popup sidebar to put in CSS.

  I have tried setting the body margins to 0, and text-align: left, but nothing happens. I want to align the entire page to the left side, and make the content area wider. Here is what I want the page to look like.

  Please help. <3

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

• 

  justpi · Member · Apr 23, 2013 at 5:59 pm

  • Copy link

  To make such changes effectively, you need to examine your page (using Firebug or a similar developer extension) to see what produces the effect you wish to override. The content is centered because the left and right margins of its wrapper are set to auto (= variable margin, depending on the browser window width, but left and right equal). So you need to set a fixed left margin. Add this in the CSS editor:

  #wrapper {
      margin-left: 36px;
  }

  Change the value to adjust.