-
Echo Knowledge Base
-
Add-ons
-
Access Manager
Main Page Width
5 out Of 5 Stars
1 rating
5 Stars | 100% | |
4 Stars | 0% | |
3 Stars | 0% | |
2 Stars | 0% | |
1 Stars | 0% |
The KB Main Page is generated using a shortcode, such as [ epkb-knowledge-base id=1]. This shortcode should be inserted on a page. The width of the output, or the KB main page, can be adjusted to certain extent. Instructions for adjusting the width of the KB main page are provided below.
The search box has two settings: full width or boxed width.Â
Note: If you are having issues with the full width option see the troubleshooting section below.
Search Box Width
Search Box Width Settings
There are two locations to edit Search Box width:
Basic Settings
For more information on basic settings click here.Â
This setting is located in the Search Box section.
KB Visual Editor
For more information on the KB Visual Editor click here.Â
This setting is located in the Search Box zone, in the features tab.
KB Categories Container Width
The KB category container show the articles and their category names.Â
The container has a fixed value of 1080px max width. It will not exceed that width regardless of any other factors such as theme settings or how many categories columns are in the KB. It will, however, get smaller on smaller screen sizes.
There are currently no settings to change this value. However you can override it with custom code. See our article click here for the custom code.
Troubleshooting
A common question:
“my KB Search box won’t go full width even though its set that way and other elements on the page do go full width.
In most cases, the Elementor solution above applies to other page builders. If your full width is not working, check that the width settings of your page builder sections are set to full width as well.
Please contact your theme or page build support on how to adjust the full width settings.
Block Themes Width Adjustments
If the width of your knowledge base isn’t taking up the whole page or isn’t as wide as you’d like, and you’re using a block theme, it’s the theme that’s deciding how wide the page should be. Your knowledge base can’t be wider than what the theme allows. The theme controls how wide your entire website appears. This section will guide you through adjusting some width settings for your pages, enabling you to expand the overall space for your knowledge base to make it wider.
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
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.
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.
Changing Knowledge Base Page Width Settings
These steps will guide you through modifying the page of your knowledge base. Keep in mind that additional adjustments will be needed to make your this page template look consistent to others.
Step 1 Navigate to the Knowledge Base Page
Step 2 Add Template
Step 4 Update Width Values
- Find the part of the page where the KB Shortcode is placed. In the sidebar, make sure you see "Post Content" as the selected container name.
- Adjust the content number to 100.
- Change the unit to percentage (%).
- After making the changes, remember to click on the "Update" button and then save your work.
Step 5 Result and continued fixing
Step 6 Continue to edit the template
If you need more help with your theme template structure, it's best to get in touch with the theme company directly.
Changing Page Templates Width
These steps will guide you in adjusting the width settings of your page template, which will impact the appearance of your entire website.
Step 1 Templates
Step 3 Edit Template
Now that you've opened the page template, follow these steps:
- Click on the section that contains the post content.
- Change the content value to 100.
- 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.
If you need more help with your theme template structure, it's best to get in touch with the theme company directly.
5 out Of 5 Stars
1 rating
5 Stars | 100% | |
4 Stars | 0% | |
3 Stars | 0% | |
2 Stars | 0% | |
1 Stars | 0% |