Changing the content width

I just tested this on a wider screen. Unfortunately, it does not work.

This should work. Adjust the max-width to the size you want.

body.page .entry .entry-content > *, .entry .entry-summary > * {
max-width: 1200px;
}
/* Blog Pages * /
.entry .entry-content p {
max-width: 1200px;
}

Some of the content on the pages does not get wider.

For example the ol and li sections. I can not figure out how to make them wider.

If you run that down let me know.

• This reply was modified 7 years, 2 months ago by Wild Jim.
• This reply was modified 7 years, 2 months ago by Wild Jim.
• This reply was modified 7 years, 2 months ago by Wild Jim.
• This reply was modified 7 years, 2 months ago by Wild Jim.
• This reply was modified 7 years, 2 months ago by Wild Jim.

It worked on our site.

Did you use both codes?

Here

/* Blog Pages */ < this had a space and shut down the code for the blog pages.

body.page .entry .entry-content > *, .entry .entry-summary > * {
max-width: 1200px;
}

/* Blog Pages */
.entry .entry-content p {
max-width: 1200px;
}

• This reply was modified 7 years, 2 months ago by Wild Jim.
• This reply was modified 7 years, 2 months ago by Wild Jim.

There is a filter for changing it in the code, which affects the images.
$GLOBALS['content_width'] = apply_filters( 'twentynineteen_content_width', 640 );