Toggle navigation
Academy
Lessons
Pricing
My Account
Signup/Login
Lessons
Basic Installation
Upload via WP uploader
FREE
1:29
Upload via FTP
FREE
1:54
Install Ark Theme
FREE
5:15
Demo Install
2:17
Introduction to Ark System
Global Layout, Sitemap and website hierarchy
7:27
Create First Page
5:45
Website
Customize Homepage
7:03
Customize Archives
8:00
Create Blog Page
4:19
Customise Blog Single
6:36
Create Portfolio Posts and Present Them on Page
13:36
Create One Page and One Page Menu
7:38
Customize Element
18:59
Forms
Building basic contact form
9:15
Build submittable form with custom PHP handler code
8:35
Advanced Contact Form
14:45
Recommended/Compatible Plugins
Fresh Performance Cache
5:01
Fresh Custom Code Plugin
5:41
Fresh Favicon
1:32
ACF with CPT
Related Posts
7:28
ACF - Form Filtering
18:35
ACF - Add ACF field and print it
12:26
ACF - Register and print Custom Post Type
11:33
Customization - PHP, JS, CSS, fonts, icons, …
Create links from element parts by JavaSript
6:31
Add PHP Code
FREE
5:54
Add Custom Font
4:43
Important differences between Typography, element.style, Custom Code and Custom CSS tools
4:09
Use Chrome developer tools to inspect your website
4:04
Add Custom Menu CSS Class
1:17
Add Custom Icon Font
8:10
Add Custom CSS
1:31
Add JavaScript Code
3:37
Add Google Analytics Code
1:26
3rd Party Applications and APIs
How to Get Google Maps API Key
1:28
Website Migration
Migrate website
24:37
Features
Admin Areas
Titlebars
3:05
Footers
4:24
Admin Screen Theme Options
6:28
Admin Screen Templates
2:42
Admin Migration
4:19
Global Styles
20:53
Boxed Wrappers
14:15
Headers
Navigation Menu
2:48
Mega Menu
3:32
Transparent Horizontal Header and Whitespace Compensation
2:37
Topbar Builder
4:39
Header Side Menu in Horizontal Headers
4:19
Search Bar Variants in Horizontal Header
1:20
Header Logos
8:51
Custom Content in Headers
5:54
Header Colors Customisation
8:21
Horizontal Headers
2:29
Vertical Headers
2:23
Header Positions
4:26
Header Width
2:41
Fresh Builder
General
Vertical Centering
4:40
Equalize Height
5:03
Difference between Elements and Sub-Elements
1:24
Bootstrap Grid
Advanced - Is Last Column
2:06
Basics
7:54
Advanced - Offsetting
2:44
Standardized Option Blocks
Link Options
9:46
Image Settings
4:19
System-wide Tools
Element.style
2:28
Custom Code
3:53
Box Model
Visibility
1:31
Reveal Animation
1:28
Padding and Margin
7:02
Dimensions
2:14
Box Shadows
4:28
Border Radius
2:43
Borders
3:32
Backgrounds
9:07
Typography
Text Colors
2:16
Text Color Palette
3:20
Text Align
2:15
Letter Spacing
2:14
Font Weight
1:24
Font Size
1:55
Other Typography
1:34
Convenience
Quick Save
1:19
Keyboard Shortcuts
1:55
Context Menu
1:09
Libraries
Section Library
1:32
Icon Library
1:53
Global Color Library
1:52
Element Library
3:32
Fresh Builder Elements
Text
9:51
Slider (custom)
10:31
Carousel (custom)
2:49
Sidebar
4:26
List
3:48
Image Slider
3:09
HTML & PHP code
4:12
Empty Space
1:53
If
2:35
Embed Code
1:45
Wrapper
2:10
Shortcode Wrapper
1:26
JavaScript Code
1:15
Icons
7:19
Buttons
4:28
Before After Slider
2:15
Grid
Advanced bootstrap grid (section, container, row, column)
6:17
Loop
Single Post Wrapper
1:21
Post Title
1:36
Post Meta
6:41
Post Content
5:40
Featured Area, Featured Image
4:22
Post Tags
2:06
Comment Form and Comments
4:07
Loop Elements
Loop
12:59
Loop Post
6:14
Other
Map
9:19
Breadcrumbs
2:40
Hi there!
This video is available only for premium members of the Ark Academy.
Become a member
Log In
Header Positions
horizontal classic with left and centered logos
0:00
mobile phones and tablet positons
0:15
both breakpoints are fixed
0:40
static on mobile phone, fixed special on laptop and desktop
1:15
static position on laptop
1:55
static with overlay and explanation about how it works
2:15
horizontal minimal with fullscreen animation
3:20
vertical headers and their positions
3:40