Display Structure ( Overview )
The article page is broken down into specific sections. Listed below is the list of these sections and what they usually contain.
The Article Page Container holds all the elements within it. There are only width options available for it.
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.
The Left sidebar can contain, TOC, Widget Sidebar, Elegant Layouts Sidebar ( Pro add-on ) Custom Code.
The Right sidebar can contain, TOC, Widget Sidebar, Elegant Layouts Sidebar ( Pro add-on ) Custom Code.
The Center Content holds three containers. The Content Header, Content Body and Content Footer.
The Content header can contain the follow elements
- Article Title
- Article Meta data ( Dates, Authors, Ratings )
- Back Button
The Content body is your article content. This content is from your page builder or Gutenberg builder.
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
- In the KB Configurations go to the Advanced Tab
- Here you can edit the template padding
- 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.
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.
The left sidebar can hold Widgets container, TOC, and the Elegant Layouts Navigation
This container holds the elements like – Article Content from your page builder, Breadcrumbs, Tags, Back navigation button.
The right sidebar can hold Widgets container, TOC, and the Elegant Layouts Navigation
This container is not currently used however you can hook into it with custom code.