Blog Theme Width

• 

  mymusingsunplugged · Member · Aug 14, 2012 at 10:27 pm

  • Copy link
  • Add topic to favorites

  Before paying for the custom css upgrade, I tested things out and the only thing that changed was the double line over the footer. I want to be able to change the 500px width throughout the theme to 875 to accommodate my wider art images. Below is the code I changed for that, am I missing something else?

  #siteWrapper{
  margin: 0 auto;
  padding-top: 15px;
  width: 875px;
  text-align: center;
  position: relative;

  }
  #siteDescription{
  font-size: 1.2em;
  margin: 10px auto 60px;
  width: 775px;
  padding: 11px 0 13px;
  color: #999;
  font-style: italic;
  }

  #coreContent{
  float: left;
  width: 875px;
  margin-top: 8px;
  }

  #comments h3,
  legend span{
  border-bottom: 1px solid #ccc;
  padding: 0 0 .7em;
  font-weight: bold;
  text-align: left;
  width: 875px;
  }

  #coreContent #comments .comment .commentForm input[type=text],
  #coreContent #comments .comment .commentForm textarea{
  width: 100%;
  max-width: 875px;
  }

  }
  .commentForm textarea.loggedIn{
  width: 875px;
  max-width: 875px; /* Restricts the resizing capability in webkit bases browsers */
  }

  #footer{
  width: 875px;
  margin: 40px auto 0;
  padding: 20px 0 35px 0;
  border-top: 4px double #ccc;
  color: #666;
  text-align: center;
  }
  .footerContent{
  width: 875px;
  margin: 20px auto 0;
  clear: left;
  }

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

• 

  zandyring · Staff · Aug 15, 2012 at 2:30 pm

  • Copy link

  When I look at your code, #site-wrapper is still set to 500px. Make that change in the CSS stylesheet, save, and then preview. Write your additions to the stylesheet like this:
  #site-wrapper {width: 875px;}
  You don’t have to copy back into the stylesheet the rest of the properties from the #site-wrapper attribute. Just whatever updates you’re making.
  Good luck!

• 

  mymusingsunplugged · Member · Aug 17, 2012 at 9:13 pm

  • Copy link

  Thank-you for this! What if I only wanted to change the header, post, and comments width, which elements change only that?

• 

  designsimply · Member · Aug 30, 2012 at 1:25 pm

  • Copy link

  This should help:
  https://en.forums.wordpress.com/topic/background-color-and-width-change-for-absolute-beginner?replies=17#post-881899

  And this explains how to manually change out the header image in the Manifest theme to something larger:
  https://en.forums.wordpress.com/topic/creating-larger-header-image-width-for-theme-manifest?replies=2#post-846940