WordPress.com

1. mymusingsunplugged
   Member
   Aug 14, 2012, 10:27 PM

   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 mymusingsbystudioreflections.wordpress.com.

2. zandyring
   Staff
   Aug 15, 2012, 2:30 PM

   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!

3. mymusingsunplugged
   Member
   Aug 17, 2012, 9:13 PM

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

4. designsimply
   Staff
   Aug 30, 2012, 1:25 PM

   This should help:
   http://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:
   http://en.forums.wordpress.com/topic/creating-larger-header-image-width-for-theme-manifest?replies=2#post-846940

Topic Closed

This topic has been closed to new replies.