Webpage Margins

• 

  emkdodson · Member · Apr 9, 2015 at 2:41 pm

  • Copy link
  • Add topic to favorites

  Hi there!

  How can I adjust the margins of my site? I’m currently using the Spun theme, and it seems that I can’t adjust my pages so that they take up more of the screen. All of my content is aligned in center with pretty huge margins to the left and right.

  Thanks!

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

• 

  thesacredpath · Member · Apr 11, 2015 at 3:49 pm

  • Copy link

  Hi, I’m going to limit this to static pages only. If you happen to use posts sometime in the future those will display in a grid on the categories and main posts page, and typically those don’t reflow well when the page is widened in Spun.

  Originally Spun has a 1000px maximum width for the content area, and I’m not sure how much wider you want things, so I’ve just arbitrarily chose 1400px, and I’ve kept proportions of the various elements in line with what it was originally.

  .page .site {
      max-width: 1400px !important;
      width: 100%;
  }
  .page .content-area {
      max-width: 1200px;
      width: 100%;
  }
  .page .hentry {
      padding-left: 0;
      padding-right: 0;
      width: 100%;
  }

  Make sure and view this on a tablet and phone, if you can, to make sure everything flows correctly and nothing is cut off.