Any questions? Send an email to firstname.lastname@example.org
Read this before you start
Some of the sections that are created will not work in the visual builder. These sections are:
- Custom Top Header
- Call To Action Fixed
You can change the content and color of these sections in Divi > Divi Library this will be explained in this documentation
Installing Royalish Child Theme
Before we begin, make sure you have Divi installed on WordPress before installing this child theme. We recommend doing 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.
Some images have been replaced due to licensing.
The page links from buttons and logo are removed, so you need to relink those to the right pages.
Download and unzip the ‘Contractor_Child_Theme_UNPACKME.zip’ file to your computer.
In your WordPress dashboard navigate to Appearance > Themes and click on Add New.
Locate the contractor-div-child-theme.zip file in the Royalish_Child_Theme_UNPACKME folder on your computer and then click Install Now.
When the install is complete click on ‘Activate’, you will then see the Royalish Child Theme as the active theme in your theme panel.
Go to Divi > Theme Options. Click on the import/export options (up/down arrow).
Click on Import and upload
Go to Divi > Theme Customisation. Click on the import/export options (up/down arrow).
Click on Import and upload Royalish Customizer Settings.json.
Go to Divi > Divi Library. Click on the import/export options.
Click on Import and upload Royalish Builder Layouts.json.
Go to Pages > Add New. Give your page a name for example Home.
In the Divi Builder Click on Load Layout then click on Your Saved Layouts.
Here you will find all the pages from the demo. Load the Home page Royalish and publish it.
Don’t forget to add a menu and set the Home page as static.
Images that I have used on the demo website are paid versions, so I have those replaced with free ones.
Custom Top Header
The top header is a custom section and disabled in the visual builder.
To edit the top header go to Divi > Divi library and open the CustomTop Header. You can make your edits here.
There are 2 versions of the top header. The top one is visible for the desktop and tablet and the bottom one is visible for the phone.
Fixed sliding CTA (right side)
The Call To Action Fixed section is a custom section and disabled in the visual builder.
To edit the Call To Action Fixed section go to Divi > Divi library and open the Call To Action Fixed section. You can make your edits here.
There are 2 versions of the Call To Action Fixed. The top one is visible for the desktop and the bottom one is visible for the tablet and phone.
Creating a blog post
To create a blog post with the same layout as Royalish you do the following:
Go to Posts > Add New
Go to Load From Library > Add From Library and choose Single post page Royalish.
In the right upper right corner, you find the Divi Post Settings. Make the following adjustments:
Page Layout: Full Width
Post Title: Hide
To edit the content of the 404 page, you go to Divi > Divi Library.
Then you open the 404 page. You can make your edits here.
Search result page
To edit the header of the search result page, you go to Divi > Divi Library.
Then you open the Search result header. You can make your edits here.