How to Make the Static Page Wider

Do not edit the Twenty Eleven theme. First create a child theme for your changes. Or install a custom CSS plugin.

I have a child theme and am using it. I have the separate style.css in the child folder. What to do now?

Let’s see the site.

https://local.goodnewsjail.org

That’s not Twenty Eleven.

Speak to your theme’s vendors for support with their products.

Oops. I had temporarily switched to PurVision theme for testing. it is back to Twenty Eeleven. Can you take a look now and provide some help on the initial question?

Hi chaplaindoug – see if adding this to the child theme style.css file works:

.singular .entry-header, .singular .entry-content, .singular footer.entry-meta, .singular #comments-title {
    margin: 0 auto;
    width: 90%;
}

That seemed to do the trick on the main site (local.goodnewsjail.org), but it made the home page (also a single column) of the other sites in the network get very narrow (see local.goodnewsjail.org/brevard). Why so?

That’s because of the different in theme setting on the layout option. To get all the sites display the same, just make a decision once and have them all setup the same.

Try this ( same code but targeting only page with default template ).

.page-template-default .entry-header,
.page-template-default .entry-content,
.page-template-default footer.entry-meta,
.page-template-default #comments-title { width: 100%; }

Since Twentyeleven’s default page is full-width (no sidebar), I think targeting the template will do the job regardless of layout choice. Except if one-col is used the whole page will be narrow but I don’t think you will use that anyway.

I see. I did have a different layout set for the other site. Once changed to the same as the main site, it looks as desired. Thank you for taking the time to help me.