Kraken: Recreating the Demo - FixedSide Section
Your Guide to Recreating Elements of the Kraken Demo for WordPress
Introduction
-
1Logo (Particle)2Social (Particle)3Side Menu (Particle)
The FixedSide section includes two particles, each arranged in its own row in the section.
Here is a breakdown of the widget(s) and particle(s) that appear in this section:
Section Settings
| Option | Setting |
|---|---|
| Layout | Inherit |
| CSS Classes | Blank |
| Tag Attributes | Blank |
Style Settings
The settings present in the Style administrative panels are
| Option | Setting |
|---|---|
| Background | #151a23 |
| Text | #ffffff |
| FixedSide Width | 12rem |
| Position | Left |
Logo (particle)
Particle Settings
| Option | Setting |
|---|---|
| Particle Name | Logo |
| URL | Blank |
| Rel | Blank |
| Image | Custom |
| Alt | Kraken |
| Text | Kraken |
| CSS Classes |
g-fixedside-logo g-logo-alt
|
Block Settings
| Option | Setting |
|---|---|
| CSS ID | Blank |
| CSS Classes | Blank |
| Variations | Blank |
| Tag Attributes | Blank |
| Fixed Size | Unchecked |
| Block Size | 100% |
Social (particle)
Particle Settings
| Option | Setting |
|---|---|
| CSS Classes | social |
| Title | Blank |
| Target | New Window |
| Social Item 1 Name | Twitter |
| Social Item 1 Icon | fa fa-twitter fa-fw |
| Social Item 1 Text | Blank |
| Social Item 1 Link | # |
Block Settings
| Option | Setting |
|---|---|
| CSS ID | Blank |
| CSS Classes | Blank |
| Variations | Blank |
| Tag Attributes | Blank |
| Fixed Size | Unchecked |
| Block Size | 100% |
Side Menu (Particle)
Particle Settings
| Option | Setting |
|---|---|
| Particle Name | Side Menu |
| Menu | Main Menu |
| Base Item | Active |
| Start Level | 1 |
| Max Levels | 2 |
| Render Titles | Unchecked |
| Mobile Target | Unchecked |
Block Settings
| Option | Setting |
|---|---|
| CSS ID | Blank |
| CSS Classes | Blank |
| Variations | Blank |
| Tag Attributes | Blank |
| Fixed Size | Unchecked |
| Block Size | 100% |
Found errors? Think you can improve this documentation? Please edit this page. You can also view the history of this page.