How to Change Blog Post Container Width in Kadence

If your blog posts feel either cramped or stretched across the screen like a newspaper headline, the fix is a single slider in Kadence’s Customizer. Kadence gives you separate controls for the overall container, the content area, and even per-post overrides – all in the free version.

But here’s the mistake I see constantly: people crank their content width up to 1400px because “bigger is better.” Then their text stretches across the entire screen and nobody wants to read it. There’s a typography rule that explains exactly why – and I’ll cover it below so you can pick a width that actually looks good.

For this update I re-checked every setting on Kadence 1.4.5 and measured the line lengths in a real browser. The original version guessed them, and every guess was too low. It also described the Normal layout as having a sidebar, which it doesn’t.

How Do I Change the Global Content Width?

The main width control lives in the Customizer under Layout settings.

1. Go to Appearance > Customize > General > Layout.
2. Find “Content Max Width” – this controls the maximum width of your outer container (content area plus sidebar).
3. The default is 1290px. Drag the slider or type an exact pixel value.

This sets the maximum width for your entire site. Everything – your header content, your blog posts, your pages – sits within this boundary. On screens smaller than this value, the layout automatically shrinks to fit.

Two controls below it, you’ll find “Narrow Layout Content Max Width”, set to 842px out of the box. That’s the second number worth knowing, and I’ll come back to it – it’s what the Narrow layout actually uses.

3 things to note about this setting:

• It controls the outer container (.site-container), not the text area itself.
• If you have a sidebar enabled, the sidebar and content share this space. More on that trap in a moment.
• Changing this affects every page on your site unless you override it per-post.

Every other setting in the General > Layout panel, with its default, is listed in my Kadence General settings reference.

What Width Should I Actually Use?

This is where most tutorials just say “use the default” and move on. But the width you pick directly affects whether people actually read your content or bounce.

The typography guideline that matters here: comfortable reading happens at roughly 45-75 characters per line, with about 66 often called ideal (it comes from Robert Bringhurst’s The Elements of Typographic Style). Much shorter and your eyes jump back and forth too often. Much longer and they start losing their place on the way back to the start of the next line.

For this update I measured it instead of guessing. I set up a test post on a fresh Kadence 1.4.5 layout (default 17px body font, boxed content style) and counted the characters per line in a 1440px-wide browser at every container width. Your exact numbers will shift a little with your font, but the gaps between rows hold:

Layout	Container Width	Text Column	Characters per Line	Verdict
Normal (no sidebar)	1100px	988px	~124	Too wide
Normal (no sidebar)	1290px (default)	1178px	~147	Way too wide
Normal (no sidebar)	1400px	1288px	~162	Way too wide
Narrow	any – Narrow ignores it	730px	~90	Best of the defaults, still a bit long
Right Sidebar	1200px	716px	~90	Fine
Right Sidebar	1290px (default)	781px	~95	Fine, slightly long
Fullwidth	any	1376px	~180	Unreadable for long text

2 things surprised me. First, no default setup gets anywhere near 66 characters – even Narrow lands around 90. Second, Narrow really does ignore your container width: the text column was 730px at a 1100px container and still 730px at 1400px.

The takeaway: if you run a blog without a sidebar, don’t touch the container. Set Default Post Layout to “Narrow” instead. And if 90 characters still feels long to you, lower Narrow Layout Content Max Width in General > Layout. In my test, each character took about 8px, so a Narrow width around 720px gives roughly 75 characters per line, and around 650px gets you close to 66.

What’s the “Sidebar Squish” Trap?

This catches most beginners. Here’s the scenario:

1. You set your container width to 1200px.
2. You enable a sidebar.
3. The sidebar takes roughly 29% of the space (the exact share depends on Sidebar Width under General > Sidebar).
4. Your post column is now 780px, and the text inside it 716px – I measured both.
5. You think “this is too narrow” and bump the container to 1500px.
6. Now your site looks oddly stretched on large monitors, with a massive sidebar and awkward whitespace.

The fix isn’t making the container wider. It’s choosing the right combination of container width and sidebar width.

For a blog with a sidebar, I recommend keeping the container at 1290px (Kadence’s default) and adjusting the sidebar width percentage if needed. The default split gives your post column 845px, with 781px of actual text inside it (about 95 characters per line) – a comfortable reading width for content sitting next to a sidebar.

If you want to adjust the sidebar’s share, the control is not in the Layout section where you’d expect it. Go to Appearance > Customize > General > Sidebar – its own section, one below Layout – and look for Sidebar Width. It’s blank by default, which means Kadence uses its built-in split rather than a number you chose. I cover sidebar positioning and width in more detail in my guide on changing sidebar position and width in Kadence.

How Do I Set Width for Blog Posts Specifically?

Kadence separates width controls for different post types. So you can have wide pages (for landing pages or portfolios) and a comfortable reading width for blog posts.

1. Go to Appearance > Customize > Posts/Pages Layout > Single Post Layout.
2. Look for “Default Post Layout”. It’s a block of 5 little icons, not a dropdown, and hovering one names it.

Those 5 icons are your width choices:

• Normal – one column, no sidebar, at the global container width.
• Narrow – no sidebar, and the content is squeezed to the Narrow Layout Content Max Width you saw earlier (842px by default). Kadence does this by putting a content-width-narrow class on the page.
• Fullwidth – no sidebar, and the content ignores the container and runs the full width of the browser window.
• Left Sidebar / Right Sidebar – content plus a sidebar, on the side you pick.

Here’s the thing that trips people up: two controls further down sits Content Style, and it looks like it belongs to the same decision. It does not. Content Style only picks Boxed or Unboxed – whether your post sits on a white card with a shadow, or straight on the page background. Width is Default Post Layout. Card-or-no-card is Content Style. Two different controls, with the Post Default Sidebar dropdown sitting between them.

For blog posts, I almost always reach for Narrow. It’s the fastest way toward a comfortable line length, and if 842px still feels wide you change it once in General > Layout and every Narrow page follows. It only affects your blog posts – your other pages stay at whatever you’ve set under Page Layout.

Fullwidth is useful for posts with lots of images, galleries, or embedded content where you want maximum horizontal space. But for text-heavy articles it’s the worst choice: on a 1440px screen my test paragraph ran about 180 characters per line, because Fullwidth ignores your container width entirely. Check your block padding on mobile too – width settings that look great on desktop can break on smaller screens.

How Do I Override Width on a Single Post?

Sometimes you want one specific post to break the rules. Maybe it’s a photo essay that needs full width, or a long-form piece that reads better narrow.

1. Open the post in the block editor.
2. Click the Kadence Post Settings icon near the top-right of the editor, next to the Save button. On a page it’s labelled Page Settings instead, same panel.
3. Find “Post Layout”. On a page the same group is called Page Layout – Kadence renames it to match what you’re editing.
4. It’s the same icons as the Customizer, plus a Default at the front, and here each one is captioned. Choose Narrow, Normal, Fullwidth, Left Sidebar, or Right Sidebar. Leaving it on Default means “whatever the Customizer says.”

This overrides whatever you set globally in the Customizer. Only this one post is affected.

My global setting is Narrow for all blog posts, but I’ll switch a specific tutorial to Normal when it has wide comparison tables or side-by-side screenshots that need breathing room. Normal keeps the container limit, so the text never runs wall to wall the way Fullwidth does.

What’s the Difference Between Container Width and Content Width?

This confuses people, so here’s the simple version. Think of it as a box inside a box.

Container width is the outer box. It’s the maximum width of everything on the page – your content, your sidebar, your margins. This is what the “Content Max Width” slider in General > Layout controls. Kadence applies this to the .site-container class.

Content width is the inner box. It’s the actual area where your text, images, and blocks live. If you have a sidebar, the content width is whatever’s left after the sidebar takes its share. If you’re using the Narrow layout, Kadence overrides this with a tighter constraint regardless of the container size.

Here’s how they relate:

Setting	What It Controls	Where to Find It
Content Max Width	Outer container (content + sidebar)	Customize > General > Layout
Sidebar Width	Sidebar’s share of the container	Customize > General > Sidebar
Default Post Layout	Whether the post uses the narrow width, and whether it gets a sidebar	Customize > Posts/Pages Layout > Single Post Layout, or per-post

The most common confusion: changing “Content Max Width” to a smaller number and wondering why the sidebar looks squished. That’s because you shrank the outer box that both elements share. If you only want to narrow the text, set Default Post Layout to Narrow instead.

My Recommended Settings

Based on the measurements above, here’s what I’d suggest for what you’re building:

Site Type	Container Width	Post Layout	Why
Blog with sidebar	1290px	Right Sidebar	Default split gives a 781px text column, ~95 characters per line
Blog without sidebar	leave at 1290px	Narrow	Narrow ignores the container; lower Narrow width to ~720px for ~75 characters
Portfolio or agency	1400px	Normal	Room for wide galleries, still capped on huge monitors
WooCommerce store	1290px	set under Customize > WooCommerce	Product grids need room for 3-4 columns
Long-form articles	leave at 1290px	Narrow, width ~650-720px	Closest to the 66-75 character range

And here’s the biggest thing I’ve learned: start with Narrow and only go wider if you have a reason. Most blog posts are primarily text, and text reads best somewhere in the 45-75 character range. Narrow is the only default layout that gets you near it.

Quick Troubleshooting

Problem	Cause	Fix
Text stretches across entire screen	Container too wide with no sidebar or Narrow style	Set Default Post Layout to Narrow in Single Post Layout
Sidebar looks squished	Container width too small for content + sidebar	Increase Content Max Width to 1290px or reduce sidebar percentage
Width change doesn’t appear	Browser cache or caching plugin	Clear cache and hard-refresh (Ctrl+Shift+R)
Per-post override not working	Kadence Post Settings panel collapsed	Click the Kadence settings icon next to Save in the editor
Images look small in Narrow	Narrow scales big images down to the 730px text column – nothing is cropped	Set that image block to Full Width alignment; Wide only adds about 64px in Narrow

Frequently Asked Questions

What is the default Kadence content width?

Kadence ships with a default Content Max Width of 1290px. This applies to the outer container that holds both your content area and sidebar. I’ve found this default works well for most blog layouts, especially with a sidebar enabled.

Does changing the Kadence content width affect mobile?

No. Kadence’s width settings are maximums, so they only kick in when the screen is wider than the value you set. On phones and tablets, the layout shrinks to fit the screen. A sidebar layout also drops the sidebar below the content on any screen under 1025px wide.

Can I set different widths for pages and posts?

Yes. Kadence separates layout settings by post type. Go to Customize > Posts/Pages Layout and you’ll find separate sections for Single Post Layout and Page Layout. I use Narrow for blog posts and Normal for pages, so my landing pages get more horizontal space.

What’s the best Kadence content width for a blog without a sidebar?

Use the Narrow layout, and leave the container alone – Narrow ignores it. At its 842px default, Narrow gave me a 730px text column and about 90 characters per line. For a tighter read, lower Narrow Layout Content Max Width to around 720px (about 75 characters). Without Narrow, a 1290px container ran about 147 characters per line, roughly double the comfortable range.

Does Kadence Pro give more width options?

Not for basic container width. The free version has the same Content Max Width slider, the same Default Post Layout icon row, and the same per-post overrides. Kadence Pro adds Hooked Elements for more advanced layout control, but the width settings themselves are identical.

Wrapping Up

Changing your Kadence content width takes about 30 seconds – it’s just a slider. But picking the right width is what separates a site that’s pleasant to read from one that exhausts your visitors after 2 paragraphs.

The short version: keep your container at 1290px (or close to it), use the Narrow layout for blog posts, lower the Narrow width if 90 characters per line feels long, and only go wider when your content actually demands it. Your readers’ eyes will thank you.