Mint Documentation
Getting Started
Support
Any questions? Send an email to info@markhendriksen.com
Images
The images are replaced due to licensing.
Installing Mint Child Theme
Requirements
When building the website I recommend not to use any caching plugins. When finished building the website you can install them.
The Divi theme is not included in this package. To download Divi, you must have an Elegant Themes Membership.
Install Mint on a fresh WordPress installation. Installing this child theme will overwrite the existing website.
Step 1: install Divi and Mint
Install the Divi theme on a new WordPress installation.
After installing Divi, navigate to Appearance > Themes and click on Add New.
Locate the mint-divi-child-theme.zip file on your computer and then click Install Now.
When the install is complete click on ‘Activate’, you will then see the Mint Child Theme as the active theme in your theme panel.
Step 2: import demo content
Navigate to Mint Demo Import and click on Easy Demo Import.
Click on Import Demo Content
Your website is ready to use.
How to change the logo
Go to Divi > Theme Builder
Open the Global Header.
Open the menu module, here you can change your logo.
If you are new to the Theme Builder you can find the documentation here:
https://www.elegantthemes.com/documentation/divi/the-divi-theme-builder/
How to customize the footer
Go to Divi > Theme Builder
Open the Global Footer.
How to customize the post template
Go to Divi > Theme Builder
Open the body of the Post template.
How to customize the 404 template
Go to Divi > Theme Builder
Open the body of the 404 template.
How to customize the post category template
Go to Divi > Theme Builder
Open the body of the Category template.
Customize the colors
Dropdown menu background-color
Go to Appearance > Theme Editor
Around line 20 you can change the background color.
And at line 24 the text color.
.et_mobile_menu .current-menu-item a {
background-color: #ffffff;
}
.hs-custom-menu.et_pb_menu ul.et_mobile_menu li.current-menu-item a {
color: #000 !important;
}Icon collapsing mobile menu color
Go to Appearance > Theme Editor
Around line 30 you can change the icon color.
And at line 31 the icon background color.
/* #### Collaping Mobile Menu #### */
ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle-icon::after {
color: #0057ff; /* Icon color */
background: #f1f1f1; /* Icon background color */
}