Shrink page size

• 

  adelesc · Member · Jun 8, 2016 at 11:31 am

  • Copy link
  • Add topic to favorites

  Hi! I was wondering how I could shrink my blog a bit using a CSS code? I don’t want it to be as wide on the page, or the menu and heading fonts to be that big

  my blog is: http://onlyyellowsmiles.com/

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

• 

  thesacredpath · Member · Jun 8, 2016 at 4:27 pm

  • Copy link

  Hi, for the overall width, let’s start with this CSS. the overall container is currently 1200px max width. You can adjust that down to whatever value works for you.

  #container {
      max-width: 1200px;
  }

  If you wish to narrow on the main content area and leave the header and footer areas the same as they are now, add the following instead and adjust the 1200px value.

  #main-wrap {
      max-width: 1200px;
      margin-left: auto;
      margin-right: auto;
  }

  For the menu font size, add the following and adjust as desired.

  #site-nav ul li a {
      font-size: 1.625em;
  }