Mint Documentation 

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

Most colors can be changed in the sections, rows and modules. Some colors need to be changed through swapping out color codes in the stylesheet. This is easy to do and in this section I will describe how to do this.

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 */
}