make the boarder a little narrower

• 

  diaryofmyspirit · Member · Oct 2, 2017 at 8:35 am

  • Copy link
  • Add topic to favorites

  Heya!

  My website looks a little confined, does anyone know how to make the width a little wider, so it fits the screen a little more, that is, make the boarders a little more narrower?

  my site is http://www.diaryofmyspirit.com

  Thank you

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

• 

  thesacredpath · Member · Oct 3, 2017 at 12:33 am

  • Copy link

  Hi there, for readability, the golden rule is that lines of text should be around 66 characters maximum (including spaces and punctuation. Longer than that, and the eye can have trouble moving from the end of one line to the beginning of the next. Currently, the content area of your site has around 97 characters per line maximum, so I would not suggest widening the content area.

  If you wish to give widening your content area a try, go to Customize > CSS, delete all the informational text in that window, and paste in the following custom CSS.

  @media screen and (min-width: 1200px) {
    .container {
      max-width: 1150px;
      width: 100%
    }
  }
  @media screen and (min-width: 992px) {
    #secondary.col-lg-offset-1 {
      margin-left: 2%;
      float: right;
    }
    #primary.col-lg-8 {
      width: 73%
    }
  }

• 

  staff-zinnia · Staff · Oct 3, 2017 at 12:34 am

  • Copy link

  Hi Fatima –

  Thanks for getting in touch :)

  The Olsen theme does support full width page templates. Take a look at those instructions in the setup guide: https://wordpress.com/theme/olsen

  Click on My Sites > Pages > 3 dots to the right of page title > Edit Page > Find Page options on right and click there.

  There’s also a specific forum for this theme that you can look through at any time for tips and advice on various subjects. https://premium-themes.forums.wordpress.com/forum/olsen