';

Article Width Control

You are here:

Overview

This article is for the Version 2 of the article layout. If you are an older user, you might still be using the Version 1 layout. To learn how to switch to Version 2 click here.

Features Wizards

Navigate to the Features Wizard

Features and Sidebar Wizard - Article Sidebars Step

On the Articles Sidebars step, you will see new settings to control your widths. See #2 in the screenshot below.

Width Settings

Here is the breakdown of the article widths and what elements they control.

Article Page - Width

With controls the whole article page. This will control the inner content and how much it can expand. If you set this to 100% the Header and Footer will go to the edges of the website. 

Article Body - Width

Left Sidebar - Width

The Left Sidebar width is a percentage based value. For example if you set it to 20%. Then it’s 20% of the article Body total width. Please note: The Left Sidebar , Center Content and Right sidebar must equal 100% in total.

With controls the sidebars and center content max width. If you set this to 1080px for example and keep the Article Page width at 100%, you will get the effect of having a full Width Search bar but a centered article. 

Center Content -Width

The Center Content width is a percentage based value. For example if you set it to 60%. Then it’s 60% of the article Body total width. Please note: The Left Sidebar , Center Content and Right sidebar must equal 100% in total.

Right Sidebar - Width

The Left Sidebar width is a percentage based value. For example if you set it to 20%. Then it’s 20% of the article Body total width. Please note: The Left Sidebar , Center Content and Right sidebar must equal 100% in total.

Example Article with Labels

In this screenshot example, shows two sidebars and the center content. With labels on top to demonstrate the locations of the elements relative to a real article.

Common questions or issues with article pages.

Sometimes there are certain scenarios where the layout isn’t just right. Click here to go to the common questions article.

Was this article helpful?
3.8 out of 5 stars
5 Stars 50%
4 Stars 0%
3 Stars 0%
2 Stars 50%
1 Stars 0%
How can we improve this article?
Need help?
Table of Contents