How do I change the left margin of my blog to be thinner?

• 

  3rdcreek · Member · Sep 26, 2014 at 9:51 pm

  • Copy link
  • Add topic to favorites

  How do I change the left margin of my blog to be thinner? I use the Hemingway Rewritten theme.

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

• 

  thesacredpath · Member · Sep 27, 2014 at 12:06 am

  • Copy link

  Hi, the content area (post/page area and sidebar) are actually centered within the browser window although how centered that looks is dependent on how wide the stuff in the sidebar is. Currently the .site-content div left and right margins are set with a margin value of auto which centers that div. If you set a static left margin, then on smaller browser windows or devices (tablets/phones) some of your content will be hidden on the right on smaller devices. You can use the following to reduce the left margin, but this will misalign the content, menu and site title. Add the following CSS and you can play with the left margin value, but be sure to view your site on tablets and phones so that you can see what things will look like on those devices.

  .site-content {
      margin-left: 10%;
  }

• 

  3rdcreek · Member · Sep 30, 2014 at 5:04 pm

  • Copy link

  Looks improved. Thank you.

• 

  thesacredpath · Member · Sep 30, 2014 at 9:00 pm

  • Copy link

  You are welcome.