Page Margins/content width

• 

  experiencenewfoundland · Member · May 7, 2015 at 9:04 pm

  • Copy link
  • Add topic to favorites

  Hi

  Pulling my hair out, does anyone have a CSS code so my content will wider and take up more of my page. Right now it is all bunched up in the middle.

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

• 

  thesacredpath · Member · May 7, 2015 at 10:52 pm

  • Copy link

  Hi there, add the following CSS and adjust the 750px max-width value as desired. One thing to keep in mind

  #main, #colophon {
      margin: 0 auto;
      max-width: 750px;
  }

  I viewed your site on my iPhone, and because you are using huge text on your site, it ends up difficult to read on my phone with many places where there are single words, or two words on a line. Also, it isn’t a good idea from a search engine standpoint to use something like h4 for general page content. h1-h6 are used for headings. It could cause search engines to discount your placement in their search results.

• 

  experiencenewfoundland · Member · May 7, 2015 at 11:02 pm

  • Copy link

  Thank you and today you are my sacred path…looks great and will definately take your advice on the font size!

• 

  thesacredpath · Member · May 8, 2015 at 3:16 am

  • Copy link

  You are welcome.