We are here to help during these difficult times. Use the coupon code STAYHOME2020 during checkout to receive 20% off the regular price!

Display Structure ( Overview )

You are here:

Overview

The article page is broken down into specific sections. Listed below is the list of these sections and what they usually contain.

Article Page

The Article Page Container holds all the elements within it. There are only width options available for it.

Header

The header containers the article search box, there are no settings available for the header container, only for the search box. You can also add custom code to this container.

Left Sidebar

The Left sidebar can contain, TOC, Widget Sidebar, Elegant Layouts Sidebar ( Pro add-on ) Custom Code.

Right Sidebar

The Right sidebar can contain, TOC, Widget Sidebar, Elegant Layouts Sidebar ( Pro add-on ) Custom Code.  

Center Content

The Center Content holds three containers. The Content Header, Content Body and Content Footer.

Content Header

The Content header can contain the follow elements

  • Article Title 
  • Article Meta data ( Dates, Authors, Ratings )
  • Breadcrumbs
  • Back Button

Content Body

The Content body is your article content. This content is from your page builder or Gutenberg builder. 

Content Footer

The Content footer is not currently used, however you can hook into it via WordPress hooks.

Article Template Padding / Margins

Article Templates have the option to add Padding and Margin, this allows you to position the article template and adjust for headings etc..

To access these settings follow these steps

  1. In the KB Configurations go to the Advanced Tab
  2. Here you can edit the template padding
  3. Here you can edit the template margin

Depending on your theme, you may need to adjust the padding or the margin or both to display it exactly to your liking. 

Click on image to zoom in

Template Padding / Margin Diagram

Orange Background Color – This is the Margin area for the Article Template

Green Background Color – This is the Padding area for the Article Template

Yellow Background color – This is the Article Container, which contains all the individual containers. 

A brief explanation of the Orange Boxes.

 

Heading / Search

This container is where the search box is nested.

Left Sidebar

The left sidebar can hold Widgets container, TOC, and the Elegant Layouts Navigation 

Center Content

This container holds the elements like – Article Content from your page builder, Breadcrumbs, Tags, Back navigation button.

Right Sidebar

The right sidebar can hold Widgets container, TOC, and the Elegant Layouts Navigation 

Footer

This container is not currently used however you can hook into it with custom code.

Click on Image to zoom in
Next Article Sidebars & Content Widths
Was this article helpful?
2.8 out of 5 stars
5 Stars 20%
4 Stars 20%
3 Stars 0%
2 Stars 20%
1 Stars 40%
How can we improve this article?
Need help?

Recent Articles

Table of Contents