Support » Fixing WordPress » how to reduce width wp 2011 theme?

  • The blog site I’ve just installed in wordpress 2011 theme is too wide. How can I make the content width 800 px?

Viewing 15 replies - 1 through 15 (of 19 total)
  • Michael

    (@alchymyth)

    Forum Moderator

    don’t edit the twenty eleven theme directly – create a child theme http://codex.wordpress.org/Child_Themes and make the edits there.
    it is important to have an unedited default theme in the wordpress installation; also, a child theme wil avoid that your customisations get overwritten with the next upgrade.

    in style.css of the child theme, add someting like (depends on what you define to be the ‘content width’):

    #page { max-width: 800px; }

    Thanks for such a speedy reply! I’ll try it.

    alchymyth, I found the instructions for adding child themes, they are almost scary, and would take hours for a newbie to accomplish.

    I do understand that an update will overwrite a theme change, but it could just be changed back again like the first time.

    Answer me this, I was considering widening my 3.2.1 to 1100 Px,, and I found the CSS line you spoke of. It looks like a 3 minute change.

    How, or why could I justify spending hours of work installing a child theme when the fix takes 3 minutes?

    What am I missing? Yes, if I had 20 banners installed at 1100 px, and had changed the padding & width of the sidebar to use bigger sidebar images, the site would look terrible after an update until the width was increased again.

    But wouldn’t it look fine again after I went back in & did the width & margins changes again?

    Michael

    (@alchymyth)

    Forum Moderator

    alchymyth

    Thanks for your suggestion.

    I’ve created a child theme and entered the style.css information from the download. Then I added the line: #page { max-width: 800px; } but there’s been no change in the width of the blog.

    Is there anything else I should be doing?

    Michael

    (@alchymyth)

    Forum Moderator

    difficult to tell without seeing your site.

    what is the size/width of your browser window?

    have you cleared the browser cache by pressing ‘CTRL F5’ ?

    can you post a link to your site?

    http://myraestelle.com/Site_2/blog

    I did clear the browser cache. The rest of my website is 800px wide. I want the blog to match in width.

    Thanks

    How, or why could I justify spending hours of work installing a child theme when the fix takes 3 minutes?

    This is inaccurate. How long does it take you to copy the following code into a new file and put it into a new folder?

    /*
    Theme Name: Twentyeleven Child
    Description: Child theme for the twentyeleven theme
    Author: Your name here
    Template: twentyeleven
    */
    
    @import url("../twentyeleven/style.css");
    
    #site-title a {
        color: #009900;
    }

    Doing this once is certainly easier than finding all the changes you’ve made and reapplying them every time the theme is updated.

    fonglh, the code you just posted is completely without context to me. I have no idea what it is, what it means, what it does, or where it goes.

    It is quite late now, but 2morow I will find the link to the page that I was given a while back by an expert here to explain how to properly install and use a child theme.

    I will post the link here to prove that I was shown a WP.org instructional thread about adding child themes that boggled my brain.

    Good lord, I was just about to make a statement, and for some reason clicked on your name first to see who you were. What I saw at your site verified and justified my suspicion.

    I was going to say that:

    you seem to remind me of a techie so smart that he could not write a functional owners manual for the invention he had created.

    The reason was that the man could no longer remember when he couldn’t understand things; he thought light-years beyond an ordinary man’s comprehension.

    What I just said is completely honest. I may have left LSU with a 3.89 average after 3 years, but it was not in scripting.

    You are years of study beyond my comprehension level; I could not utilize the coding you wrote about on your site in a year’s time if my life depended upon it.

    I am merely a layout and design artist and sportswriter.

    You see, the hours of time I referred to was not the 5 minutes it would take you to copy & paste whatever that is wherever it goes, it’s the hours of time it would take me to labor to understand it, slowly & timidly to try it, make several mistakes along the way, and redo it perhaps twice.

    I know you were trying to help, thanks. I’ll save the link here, go check out esmi’s post, look at your code, and try to figure it all out when I’m not behind in my writing. (if that day ever comes)

    Michael

    (@alchymyth)

    Forum Moderator

    @meg345

    I’ve created a child theme and entered the style.css information from the download. Then I added the line: #page { max-width: 800px; } but there’s been no change in the width of the blog.

    at the moment, the twenty eleven is still the active theme; go to dashboard -> apearance -> themes and active your child theme.

    this should also then change the width of your blog (provided the css is right).

    Thanks alchymyth

    The child theme causes the whole page background to be narrower but the image is still the same size and now sits at the left side of the page. This is what I installed.
    /*
    Theme Name: Myra Estelle
    Version: 1.0
    Theme URI:
    Description: Twenty Eleven child theme for Myra Estelle
    Author: Myra Gordon
    Author URI: http://myraestelle.com
    Template: twentyeleven
    License:
    License URI:
    */

    #page { max-width: 800px; }

    Michael

    (@alchymyth)

    Forum Moderator

    the child theme is just not showing in the link to the blog that you posted earlier.

    The child theme causes the whole page background to be narrower but the image is still the same size and now sits at the left side of the page.

    what is the url where you see this?

    It’s now at this site:
    http://myraestelle.com/Site_2/blog

    Michael

    (@alchymyth)

    Forum Moderator

    try and add the line to @import the stylesheet of the original theme:

    /*
    Theme Name: Myra Estelle
    Version: 1.0
    Theme URI:
    Description: Twenty Eleven child theme for Myra Estelle
    Author: Myra Gordon
    Author URI: http://myraestelle.com
    Template: twentyeleven
    License:
    License URI:
    */
    @import url(../twentyeleven/style.css);
    
    #page { max-width: 800px; }

    (my bad for not spotting this earlier in your posted code)

    @alchymyth

    It worked! Thank you so much for your patient assistance. I really couldn’t have done it without you.

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘how to reduce width wp 2011 theme?’ is closed to new replies.