Can fixed width be changed with CSS Customization?

• 

  jmlalonde · Member · Dec 31, 2011 at 9:52 pm

  • Copy link
  • Add topic to favorites

  If I’m using a free template with a fixed width will the custom design allow me to change that width? I like everything about the template except for the fixed width.

• 

  thesacredpath · Member · Dec 31, 2011 at 10:01 pm

  • Copy link

  If you are talking about this site, http://wideeyedyouth.wordpress.com/ , then add the following to your CSS edit window (delete the informational text first) and then edit the width as you desire. One suggestion is not to go over about 990px because a good number of people (over 20%) are still on 1024px wide displays. Also if you plan on having text as well as images, it is best not to let things go wider than 700px and longer lines of text are more difficult to read. The best width for text is actually 500-600px.

  #site-wrapper, #core-content, #footer {
  width: 500px;
  }

• 

  designsimply · Member · Dec 31, 2011 at 10:01 pm

  • Copy link

  Yes, I see http://wideeyedyouth.com/ is using the Manifest theme currently. You can adjust the width using CSS like this:

  #site-wrapper, #main-nav ul ul, #core-content, #comments h3, legend span, #footer, .footer-content {
  	width: 800px;
  }

• 

  designsimply · Member · Dec 31, 2011 at 10:06 pm

  • Copy link

  Note that you will also want the change the “limit width” setting on your Appearance → Custom Design → CSS page to match whatever width you choose.

• 

  jmlalonde · Member · Dec 31, 2011 at 11:07 pm

  • Copy link

  Thank you, exactly what I needed.