Support » Theme: Twenty Ten » [Theme: Twenty Ten] Change body text width on one column page

Viewing 6 replies - 1 through 6 (of 6 total)
  • Christine Rondeau


    Volunteer Forum Moderator

    The best way to do this would be to make a child theme and set a specific width for that column. Can you provide al ink to your site where you are using a one column template and I can see how this can be done?

    In case you you want to learn more (and sorry, if you are already an expert) about child theming, here’s a great article to get you started –

    Thanks Christine, especially the link to child themes with which I’m not familiar, but would like to be. I’ll have a read later today.

    The site is here:

    Christine Rondeau


    Volunteer Forum Moderator

    Just took a look at your site, and on that page, you have a class called one-column.

    The css for that is

    .one-column #content {
    	margin: 0 auto;
    	width: 840px;

    In your child theme, you could add the following:

    .one-column #content {
    	margin: 0 auto;
    	width: 600px;

    That would make that column narrower.

    You could of course just change the css of the parent theme, but if there’s ever an update, you will lose the changes, so child theming is the way to go.

    Thanks very much Christine. I appreciate your time and will read up on child theming and implement the code change using that approach.





    First time question. My site is

    There are so many questions and different answers about page width. No luck for me though when I try the solutions that worked for others.

    Could it be that I don’t have enough code in my style.css file?

    My understanding was that it was to be a bare bones file mine only says

    Theme Name: Twentyeleven Child
    Description: Child theme for the twentyeleven theme
    Author: Janet K. Nielson
    Template: twentyeleven
    @import url("../twentyeleven/style.css");
    #site-title a {
        color: #db372b;

    I have tried adding several things (just pasting them in below the above code) to no effect. The latest was:

    .page-template-fullwidth-php #content { width: 100%; margin: 0; }
    .page-template-fullwidth-php .entry-content, .page-template-fullwidth-php .entry-header{ width: 90%; }

    Am I doing the right thing when I just copy code and then paste it in, update, and then visit site and refresh?

    I have also tried switching between the default template and the showcase template.

    My goal is to have as much width as possible throughout the whole site with no sidebar.

    Please? Thanks!

    Moderator Jan Dembowski


    Brute Squad and Volunteer Moderator

    @Jay-ma Please start your own topic instead. You’ll get better support then you would hoping on someone else’s 2 month old topic.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Theme: Twenty Ten] Change body text width on one column page’ is closed to new replies.