Skip to content
Cobalt Apps Docs
  • CobaltApps.com

FAQs

7
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • What Is A Theme Framework And How Is It Different Than The Default WordPress Themes?
  • What Are WordPress Conditionals And How Do I Use Them?
  • What Are Filter Hooks?
  • What Are Action Hooks?
  • How Do I Renew My Cobalt Apps Product License?

Dynamik Website Builder

29
  • Dynamik Website Builder Change Log
  • How To Add New Google Fonts To Dynamik
  • How To Add Custom Fonts To Dynamik
  • How To Setup Your Site Just Like A Dynamik Skin Demo
  • Dynamik Vitality Skin Demo Setup
  • Dynamik ThemeShop Skin Demo Setup
  • Dynamik Startup Skin Demo Setup
  • Dynamik Promote Skin Demo Setup
  • Dynamik Parallax Skin Demo Setup
  • Dynamik NonProfit Skin Demo Setup
  • Dynamik Journal Skin Demo Setup
  • Dynamik Impact Skin Demo Setup
  • Dynamik Impress Skin Demo Setup
  • Dynamik RealEstate Skin Demo Setup
  • Dynamik Commerce Skin Demo Setup
  • How To Add A Retina-Ready Logo To Dynamik
  • Dynamik Custom PHP Builder
  • Dynamik Layout Widths
  • Dynamik Custom Widget Areas
  • Dynamik Custom Hook Boxes
  • Dynamik Custom Conditionals
  • Dynamik Custom Labels
  • Dynamik Custom Templates
  • Dynamik Custom Javascript
  • Dynamik Custom Functions
  • Dynamik Custom CSS
  • Dynamik Settings/Custom Import/Export
  • How The Dynamik Skins Feature Works
  • How To Install The Genesis Framework And Dynamik Website Builder

Instant IDE

12
  • Comparing Instant IDE With The Instant IDE Manager Plugin
  • Editing The Instant IDE HTACCESS File
  • Uninstalling Instant IDE
  • About Instant IDE Security
  • How To Manually Update The Instant IDE Manager Plugin
  • What To Do If You Forget Your Admin Access Pin Number
  • Securing The Instant IDE Manager Admin
  • How To Unzip A File In Instant IDE
  • How To Install WordPress Using Instant IDE
  • How To Resolve Form Validation Errors
  • Instant IDE Keyboard Shortcuts
  • How To Install Instant IDE

Simple Sandbox Pro

1
  • How To Enabled The PHP “exec” Function On Your Server

Genesis DevKit

10
  • DevKit Journal Theme
  • DevKit Promote Theme
  • DevKit Impact Theme
  • DevKit Startup Theme
  • DevKit Default Theme
  • What Is A DevKit Theme?
  • DevKit Parallax Theme
  • DevKit Impress Theme
  • Previewing Mobile Fixed Header When Logged Into Dashboard
  • Genesis DevKit Plugin Options And General Functionality

Extender Pro

9
  • Extender Pro Custom Hook Blocks
  • Extender Pro Custom Hook Boxes
  • Extender Pro Custom Widget Areas
  • Extender Pro Custom Conditionals
  • Extender Pro Custom Labels
  • Extender Pro Custom Templates
  • Extender Pro Custom Javascript
  • Extender Pro Custom Functions
  • Extender Pro Custom CSS

Themer Pro

10
  • Advanced File Editor Controls
  • Ace Editor Themes
  • Frontend Dev Tools
  • Frontend Hooks Map
  • Child Theme Editor
  • Child Theme Image Manager
  • Ace Editor Syntax Validation Checking
  • Child Theme Creator
  • Themer Pro Keyboard Shortcuts
  • Quick-Edit Page Templates With Front-End “Edit Code” Button

Freelancer Framework

13
  • Hide Freelancer Admin Pages
  • Adding Custom Body Classes To Freelancer
  • Debugging Freelancer Scripts
  • Set Custom Icons URL
  • There Are A TON Of WP Frameworks Out There, Why Choose Freelancer?
  • If Freelancer Is Free Than Why Does It Require A License?
  • Setting Up The Freelancer Child Theme Default Settings
  • Freelancer Action Hooks
  • Getting And Defining Freelancer Layouts
  • Freelancer Child Theme Setup
  • How To Add Footer Widgets To Freelancer
  • Freelancer Layouts
  • Freelancer Filter Hooks
View Categories
  • Home
  • Articles
  • Dynamik Website Builder
  • Dynamik Vitality Skin Demo Setup

Dynamik Vitality Skin Demo Setup

< 1 min read

To return to DynamikSkins.com CLICK HERE

The following are instructions on how to setup your site just like the Dynamik Vitality Skin demo site. For the most part it’s a matter of activating the same Plugins and copy/pasting the Widget content to the appropriate places based on the code provided below.

WordPress Plugins Used:

  • Genesis eNews Extended
  • Regenerate Thumbnails
  • Simple Social Icons
  • WPForms Lite

(Note that you will only need to use the Regenerate Thumbnails Plugin if you are using Images that have already been uploaded prior to Importing this Skin)

Dynamik Custom Options Used:

(Download and unzip the file below and then use the included .dat file to Import the Demo Site Dynamik Custom Options through Dynamik Settings > Import/Export. For instructions on how to use this Dynamik feature CLICK HERE.)

  • Dynamik-Vitality-Custom.zip

Demo Widget Content (if image URLs are used, edit them to match your own site address):

<?php
/**
* Below you will find all of the custom content used to
* create the demo site for the Dynamik Vitality Skin.
*/
?>
WordPress Menu Setup: Assign a menu to the "Primary Navigation Menu".
== BEGIN Widget Area Info ==
Widget Area: EZ Feature Top 1
Widget Type: Custom HTML
Widget Title: Regain Your Natural Energy
Widget Content:
Today Is The Day That You Start Listening To Your Body
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Home Top #1
Widget Type: Custom HTML
Widget Title: Meet Our Wellness Team!
Widget Content: EMPTY
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Home Middle #1
Widget Type: Custom HTML
Widget Title: EMPTY
Widget Content:
<div class="hp-team-container">
<h4 class="hp-team-heading">
Savanah
</h4>
<img class="hp-team-image" src="https://cobaltstaging.com/dynamik-vitality/wp-content/uploads/sites/26/dynamik-gen/theme/images/dynamik-vitality-hp-team-1.jpg" alt="First Team Member">
<p class="hp-team">
"I've been a health nut since I can remember and nothing energizes me more than knowing that I can help change the lives of others through my own experiments and insights. I'm happy to be at your service!"
</p>
</div>
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Home Middle #2
Widget Type: Custom HTML
Widget Title: EMPTY
Widget Content:
<div class="hp-team-container">
<h4 class="hp-team-heading">
Ben
</h4>
<img class="hp-team-image" src="https://cobaltstaging.com/dynamik-vitality/wp-content/uploads/sites/26/dynamik-gen/theme/images/dynamik-vitality-hp-team-2.jpg" alt="Second Team Member">
<p class="hp-team">
"When I was a kid I had every health issue and alergy under the sun. It took me years to figure out that my problem wasn't my body, but my habits. Now I feel great all the time and am here to help you too."
</p>
</div>
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Home Middle #3
Widget Type: Custom HTML
Widget Title: EMPTY
Widget Content:
<div class="hp-team-container">
<h4 class="hp-team-heading">
Catherine
</h4>
<img class="hp-team-image" src="https://cobaltstaging.com/dynamik-vitality/wp-content/uploads/sites/26/dynamik-gen/theme/images/dynamik-vitality-hp-team-3.jpg" alt="Third Team Member">
<p class="hp-team">
"Before we knew so much about natural health and wellness we thought a pill was the answer. I was one of those people, but now I'm treating my body the right way and helping others do the same."
</p>
</div>
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Home Bottom #1
Widget Type: Custom HTML
Widget Title: Checkout Our Latest Articles
Widget Content: EMPTY
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Areas:
Dynamik Vitality HP Post 1
Dynamik Vitality HP Post 2
Dynamik Vitality HP Post 3
Dynamik Vitality HP Post 4
Dynamik Vitality HP Post 5
Dynamik Vitality HP Post 6
Widget Type: Genesis Featured Post
Widget Title: EMPTY
Setup: (The same for each Widget Area noted above)
Select "Show Featued Image"
Image Size = hp-featured-post-image (350x200)
Image Alignment = Center
Select "Show Post Title"
Show Content Limit
Limit content to 150 characters
NOTE: The one difference between each Widget setup is that you need to appropriately set the "Number of Posts to Offset" option.
The first Widget should be set to "0" and then each consecutive Widget should be set one number higher (i.e.. "1" then "2" then "3" and so on)
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Fat Footer 1
Widget Type: Genesis Featured Page
Widget Title: About Us
Setup: Page = About Page
Select "Show Featured Image"
Image Size = hp-featured-post-image (350x200)
Image Alignment = Center
Select "Show Page Content"
Content Character Limit = 200
More Text = "Read More"
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Fat Footer 2
Widget Type: Genesis eNews Extended
Widget Title: Sign Up To Our Newsletter
Setup: Add your own Form Action code,
Text To Show Before Form = Receive updates form our latest posts!
Email Field = EMAIL
First Name Field = FNAME
Last Name Field = LNAME
Button Text = Sign Up
== END Widget Area Info ==
== BEGIN Widget Area Info ==
Widget Area: EZ Fat Footer 3
Widget Type: Simple Social Icons
Widget Title: Follow Us
Widget Content:
Setup: Icon Size = 48
Background Color = #3e8f54
Background Hove Color = #306e40
Add your social links as needed
Widget Area: EZ Fat Footer 3 (This is the second Widget inside this Widget Area)
Widget Type: Recent Posts
== END Widget Area Info ==
view raw dynamik-vitality-skin-demo-setup.php hosted with ❤ by GitHub

What are your Feelings

  • Happy
  • Normal
  • Sad
Share This Article :
  • Facebook
  • X
  • LinkedIn
  • Pinterest
How To Setup Your Site Just Like A Dynamik Skin DemoDynamik ThemeShop Skin Demo Setup
AboutSales & Support PoliciesProduct Support GuidelinesPrivacy PolicyAffiliatesTerms of ServiceContact Us
Cobalt Apps DocsCopyright © 2025