0
Welcome Guest! Login
0 items Join Now

Kraken: Recreating the Demo - Mainbar and Aside Sections

Your Guide to Recreating Elements of the Kraken Demo for WordPress


Introduction

The Mainbar section includes three widget positions, mainbar-a, mainbar-b, and mainbar-c. In a second row, the Pagecontent position has been added, inserting any article content that is assigned to the page. We are only using mainbar-a from this section actively, so only it is rendering to the front end.

1
Icon Menu (Particle)
2
Grid Content (Particle)
3
Block Content (Particle)
4
Swiper (Particle)

The Aside section makes up the sidebar to the right of the Mainbar. This section contains a single widget position, aside.

Here is a breakdown of the widget(s) and particle(s) that appear in front end from the Mainbar section:

Here is a breakdown of the widget(s) and particle(s) that appear in front end from the Aside section:

Section Settings

Container

Option Setting
Layout Inherit
CSS Classes Blank
Tag Attributes Blank

Mainbar

Option Setting
CSS Classes Blank
Tag Attributes Blank
Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 60%

Aside

Option Setting
CSS Classes Blank
Tag Attributes Blank
Option Setting
CSS ID Blank
CSS Classes Blank
Variations Blank
Tag Attributes Blank
Block Size 40%

Mainbar Particles

Grid Content (Particle)

Particle Settings

Demo Mainbar

Option Setting
Particle Name FP Mainbar
CSS Classes Blank
Title Blank
Description Blank
Readmore Text Blank
Readmore Link Blank
Readmore Style Button 3
Grid Column 1 Column
Grid Columns Item 1 Name Blank
Grid Columns Item 1 Icon Blank
Grid Columns Item 1 Image Custom
Grid Columns Item 1 Title Class Style 3
Grid Columns Item 1 SubTitle Photo
Grid Columns Item 1 Title The new and powerful Gantry 5
Grid Columns Item 1 Description Gantry 5 is an advanced, versatile and multi-platform theme framework, perfectly designed for the modern web.
Grid Columns Item 1 Link Text Blank
Grid Columns Item 1 Link #
Grid Columns Item 1 Link Button Style Arrow

Block Settings

Demo Mainbar

Option Setting
CSS ID Blank
CSS Classes nomarginbottom nopaddingbottom
Variations Blank
Tag Attributes Blank
Block Size 100%

Aside Particles

Icon Menu (Particle)

Particle Settings

Demo Mainbar

Option Setting
Particle Name Compatibility
CSS Classes Blank
Title Compatibility
Icon Menu Item 1 Name Firefox
Icon Menu Item 1 Icon fa fa-firefox fa-fw fa-2x
Icon Menu Item 1 Text Firefox
Icon Menu Item 1 SubText v. 40+
Icon Menu Item 1 Link #
Icon Menu Item 1 Target New Window

Block Settings

Demo Mainbar

Option Setting
CSS ID Blank
CSS Classes nomarginbottom nopaddingbottom nopaddingtop nomargintop
Variations Blank
Tag Attributes Blank
Block Size 100%

Grid Content (Particle) 2

Particle Settings

Demo Mainbar

Option Setting
Particle Name Must Read
CSS Classes Blank
Title Must Read
Description Blank
Readmore Text Blank
Readmore Link Blank
Readmore Style Button 3
Grid Column 1 Column
Grid Columns Item 1 Name Contemporary Interface provides Multiple Options for Users
Grid Columns Item 1 Icon Blank
Grid Columns Item 1 Image Blank
Grid Columns Item 1 Title Class Style 4
Grid Columns Item 1 SubTitle Blank
Grid Columns Item 1 Title <span>Contemporary Interface<span class="hidden-tablet"> provides Multiple Options for Users</span></span>
Grid Columns Item 1 Description <span>Gantry 5's administrative interface<span class="hidden-tablet"> has been completely rebuilt from the ground up to meet the needs of tomorrow's developer, todays.</span></span>
Grid Columns Item 1 Link Text Blank
Grid Columns Item 1 Link Blank
Grid Columns Item 1 Link Button Style Button 3

Block Settings

Demo Mainbar

Option Setting
CSS ID Blank
CSS Classes nomarginbottom nopaddingbottom nopaddingtop nomargintop
Variations Title Bordered, Center
Tag Attributes Blank
Block Size 100%

Block Content (Particle)

Particle Settings

Demo Mainbar

Option Setting
Particle Name Past Week
CSS Classes Blank
Title Past Week
Icon Menu Item 1 Name Customize from the Styles Panel
Icon Menu Item 1 Title <span class="hidden-tablet">Customize from the </span>Styles Panel
Icon Menu Item 1 Icon Blank
Icon Menu Item 1 Image Custom
Icon Menu Item 1 RokBox Image Custom
Icon Menu Item 1 Caption Style Panel
Icon Menu Item 1 SubTitle Blank
Icon Menu Item 1 Description <span>Style elements of the Kraken theme<span class="hidden-tablet">, such as links, font or background colors.</span></span>
Icon Menu Item 1 CSS Classes Blank
Icon Menu Item 1 Button Label Blank
Icon Menu Item 1 Button Link Blank
Icon Menu Item 1 Button Classes Blank

Block Settings

Demo Mainbar

Option Setting
CSS ID Blank
CSS Classes nomarginbottom nopaddingbottom nopaddingtop nomargintop
Variations Title Bordered, Centered Title
Tag Attributes Blank
Block Size 100%

Swiper (Particle)

Particle Settings

Demo Mainbar

Option Setting
Particle Name Trending
CSS Classes g-swiper-stories
Title Trending
Element ID swiper-3
Layout Horizontal Slides
Element Height Auto
Slide per View 2
Swiper Item 1 Name Item 1
Swiper Item 1 Image Custom
Swiper Item 1 SubTitle Blank
Swiper Item 1 Title Particles System
Swiper Item 1 Link Blank
Swiper Item 1 Link Text Blank
Swiper Item 1 Description Gantry 5's Particles system makes it easy to configure content blocks.

Block Settings

Demo Mainbar

Option Setting
CSS ID Blank
CSS Classes nomarginbottom nopaddingbottom nopaddingtop nomargintop
Variations Title Bordered, Centered Title
Tag Attributes Blank
Block Size 100%

Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.