Search Knowledge Base by Keyword

This KB documentation is using Advanced Search, Links Editor and Elegant Layouts add-ons.

Print

Block Themes – Page Width Adjustments

Created OnSeptember 22, 2024
Updated OnApril 6, 2025
By:Dave
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
Views96
When using a block theme, the width of your Echo Knowledge Base (KB) is limited by the theme’s settings. Block themes use theme.json and predefined layouts to control the maximum width of all page content, including your KB. If your KB doesn’t span the full page or meet your desired width, you’ll need to adjust the theme’s template settings as outlined below.

In this part of the article, we present two solutions:

Solution 1: Modify the page template specifically for the knowledge base page. This is a good choice if you only want to change one page and not all the others. However, you’ll need to make additional adjustments to the template. This involves adding headers, footers, and any other missing elements to the template. In essence, you’ll be creating the template anew. Click here

Solution 2: Adjust the page template for the entire website, ensuring a consistent width for all pages. This is an easier change to make, but it will affect the entire site in terms of appearance. Click here

Here's an example of the problem with how block themes control their width settings.

Click to zoom

Changing Knowledge Base Page Width Settings

Copy the URL link to this section to share

These steps will guide you through modifying the page of your knowledge base.

Step

Navigate to the Knowledge Base Page

In the WordPress dashboard, go to Pages, find the page with your knowledge base shortcode, and click to edit it.

.

Click to Zoom
Step

Add Template

In the block editor, click the Template option in the settings sidebar (gear icon) to edit or create a template.
Click to Zoom
Step

Create Custom Template

Name your template (e.g., 'KB Full Width') and click Create.
Click to Zoom
Step

Update Width Values

Locate the block containing the knowledge base shortcode. In the sidebar settings, ensure it’s labeled 'Post Content,' then set its width to 100% under the block’s layout options.

Click to Zoom
Step

Result and continued fixing

Save and preview the page. The knowledge base should now span the full width, though the header may disappear.

Click to Zoom
Step

Continue to edit the template

To restore the header, return to the template editor. Click at the top of the page, then select the + (Add Block) button.
Click to Zoom
Step

Adding Headers

  • Search for 'Header' in the block library, choose a header pattern, and insert it. Adjust its position if necessary by dragging it upward.
  • If the width or header doesn’t adjust as expected, consult your theme’s support team for help with its specific template structure."
Click to Zoom

WordPress.org
A block theme is a WordPress theme with templates entirely composed of blocks so that in addition to the post content of the different post types (pages, posts, …), the block editor can also be used to edit all areas of the site: headers, footers, sidebars, etc.

Block Themes

This article is aimed at people who are familiar with Block themes and have some experience using them.

If you're thinking about modifying your template's structure, it's a good idea to have a conversation with your web developer or explore online documentation that explains how Block themes function.

In this article, we'll guide you through the process of locating the width settings that allow you to make your knowledge base stretch across the entire width of the page.

Click here to lean more about Block themes
Theme Support

For advanced customization or if issues persist, contact your theme’s support team, ask AI or refer to WordPress block theme documentation for further guidance.

Changing Page Templates Width

Copy the URL link to this section to share

These steps will guide you in adjusting the width settings of your page template, which will impact the appearance of your entire website.

Step

Templates

After you've accessed the theme customizations, go to the "Templates" section.

Click to Zoom
Step

Pages

Please locate the pages and click on it.

Click to Zoom
Step

Edit Template

Click to Zoom

Now that you've opened the page template, follow these steps:

  1. Click on the section that contains the post content.
  2. Change the content value to 100.
  3. Change the unit value to percent (%).

Remember to save your changes and then preview the front end.

Please be aware that these changes will impact all the pages on your website.

Theme Support

If you need more help with your theme template structure, it's best to get in touch with the theme company directly.

Was this article helpful?
0 out Of 5 Stars
5 Stars 0%
4 Stars 0%
3 Stars 0%
2 Stars 0%
1 Stars 0%
5
How can we improve this article?
Please submit the reason for your vote so that we can improve the article.
Need help?
Tags:
Table of Contents

Copyright © 2024 Echo Plugins. All Rights Reserved.