Technique Documentation
Getting Started
Blog
Custom pages
Support
Any questions? Send an email to info@markhendriksen.com
Installing Technique Child Theme
Requirements
Before we begin, make sure you have Divi installed on WordPress before installing this child theme. Do this on a fresh WordPress installation.
The Divi theme is not included in this package. To download Divi, you must have an Elegant Themes Membership.
The page links from buttons and logo are removed, so you need to relink those to the right pages.
Step 1
Download the ‘technique_demo_import.zip’ file from the marketplace to your computer.
Step 2
In your WordPress dashboard navigate to Appearance > Themes and click on Add New.
Locate the technique-demo-import.zip file and then click Install Now.
When the install is complete click on ‘Activate’, you will then see the Technique Child Theme as the active theme in your theme panel.
Step 3
In your dashboard there is a new option visible on the left side “Technique Demo Import”.
Go to Technique Demo Import > Easy Demo Import.
Everything should be checked.
This will overwrite all existing content!
Click on Import Demo Content.
You’re done!
Changing logo, header, menu and footer information
Header
To change the logo, social icons and phone number go to Divi > Divi library and open the Header
Menu
To make changes in the menu go to Divi > Divi library and open the Menu
Footer
To make changes in the footer go to Divi > Divi library and open the Footer
Changing colors
Most colors you can change inside the Divi modules.
The menu colors, centered line title and the read more button from the blog you have to change in the CSS stylesheet go to appearance > editor.
Under CHANGE COLORS you can swap the color codes.
If you don’t know which HEX colors you need, then you can use this tool https://color.adobe.com
Fly-in animations
You can give any module, row, or section a fly-in animation when scrolling down. To do this, you need to give the module, row or section a particular class.
The classes are as follow:
From top to bottom:
et_pb_animation_top et-animated et-waypoint
From bottom to top:
et_pb_animation_bottom et-animated et-waypoint
From right to left:
et_pb_animation_right et-animated et-waypoint
From left to right:
et_pb_animation_left et-animated et-waypoint
Fade:
et_pb_animation_fade_in et-animated et-waypoint
Credits for these animations goes to Geno Quiroz and Nathan Weller.
Creating a blog post
To create a blog post with the same layout as Technique you do the following:
Go to Posts > Add New
Go to Load From Library > Add From Library and choose Single post.
In the right upper right corner, you find the Divi Post Settings. Make the following adjustments:
Page Layout: Full Width
Post Title: Hide
Important
Place in the excerpt box the text that you want to show on the blog page or blog grid page.
You find this box under the Divi page builder in the post page.
Edit 404 and category Page
To edit the content of the 404 or category page, you go to Divi > Divi Library.
Then you open the 404 or the category page. You can make your edits here.