Fashion Child Theme

Follow the instructions below to install and configure your new product

TABLE OF CONTENTS

THEME REQUIREMENTS

✓ Self-Hosted WordPress Installation
✓ Divi Theme by Elegant Themes
✓ Fashion Child Theme
✓  PHP version 7 or greater
✓ memory_limit 256M
✓ post_max_size 128M
✓ max_execution_time 180
✓ upload_max_filesize 256M
✓ max_input_time 600
✓ max_input_vars 5000
✓  MySQL version 5.6 or greater OR MariaDB version 10.0 or greater.
✓  HTTPS support
✓  Nginx or Apache with mod_rewrite module

Remember: In order for the Fashion child theme to work, you must have Divi from Elegant Themes. If you do not have it you can purchase it here. Once you have it, please install it on your self-hosted WordPress website.


A. DESCRIPTION

Designed by Kenny Sing as one of Elegant Theme’s Divi 2.4 demo sites, Fashion has been reverse engineered, expanded and built ground-up into a fully functional Divi child theme. Making use of anchor link menu items that steer dynamically to relevant sections throughout the one-page website, the Fashion child theme is great for displaying content, brand assets and products in a striking yet simple way.

** Visit the Fashion Child Theme Page Here **


B. INSTALLING THE CHILD THEME

Please upload the Fashion Child Theme to you your self-hosted WordPress website. Make sure the Divi theme is already installed and activated.


C. ENTER LICENSE KEY

After you have activated the Child theme, click on the 'Fashion' menu item on your left Admin panel and register your license key in the input field provided in the dialogue box that pops up; then click 'Continue'.


D. INSTALLING REQUIRED PLUGINS

Once the theme is installed on your site, the system will suggest you install & activate 4 Plugins. Please click the Plugin Names or Begin Installing Plugins link on the dashboard screen and start the process. This function is, however, optional.


E. IMPORT DEMO DATA

From the WordPress Dashboard go to the newly added ‘Fashion’ tab on the left admin panel. Under the ‘Fashion’ menu, please click on ‘Import Demo Data’  only once. Please be patient while the demo data of the Fashion child theme is imported into your site.


F. HOMEPAGE SETTINGS

Move to the settings area in your left Admin panel. Click ‘ Reading’, under ‘Front page displays’ select ‘A static page’ and for the Front page drop down menu select ‘Home’, leave Posts page as is, do not select anything.


Move back to the ‘ Appearance’ tab in your left Admin Panel and select ‘Menus’. You should see a pre-built menu there named ‘Fashion Primary Menu’. Tick on the checkbox at the bottom of that menu that reads ‘Primary Menu’. Hit ‘Save Menu’ button.


H. ADDITIONAL CHILD THEME FEATURES

We have added some exciting and powerful new features to our child themes and are very excited about them.

These new features, located under the “Fashion” tab of the child theme include:

The Aspen Footer Editor
The Login Page Customizer
The Custom 404 Page Feature

THE ASPEN FOOTER EDITOR

Aspen Footer Editor is an ultra-lightweight, yet powerful tool that allows you to easily edit your Divi or Extra website’s footer information (copyright). With this feature, you can add custom footer text and change the colour, size, hyperlink, and even add images & videos! The best part? All of this is done within a simple to use WYSIWYG editor just as if you were editing a post or page.

Once you have installed the Fashion Child Theme, you will see a new tab titled ‘Fashion’ in your WordPress admin menu (left sidebar). From there select ‘Divi Footer Editor’ and you will be taken to this feature’s dashboard.

Once inside the Aspen Footer Editor’s dashboard, you will be greeted with a familiar sight: the standard WordPress page/post/WYSIWYG editor. Within this editor, you can add and style text, insert hyperlinks, add dynamic dates with the included shortcodes, and even insert photos/embed videos. Once you are finished styling your footer, simply click ‘save’ and you’re all done  🙂


THE LOGIN PAGE CUSTOMIZER

The Login Page Customizer allows you to completely customize the standard WordPress Login screen with your company’s or client’s branding. You can upload your own logo, set a custom background image or colour, change the colour of the links and more.

Once the Fashion Child Theme is installed, navigate to ‘Fashion’ >> Login Customizer >> and then select ‘Login Customizer’ at the bottom of the customizer menu.

You will be given the following customization options:

Background Image:
You can set a background image just like the example shown above. Upload a big image ( preferably 1920px x 1080px) to your site using Media upload button. Copy the image URL and paste it in the BACKGROUND IMAGE field. Empty the field and then place the URL. You can also use an external image URL for this.
Login Form Alignment:
The default login form position for WordPress is centred. You can align this to the right, left or keep it centred.
LOGIN LOGO (IN PLACE OF WP LOGO):
Place your logo image ( preferable dimension 84px x 84px) URL in this field. The current WordPress logo will be replaced with yours. The login link will be site homepage instead of wordpress.org
BACKGROUND COLOR:
You can also choose to use a solid background colour. Please empty the background image URL field ( if already placed) and choose any colour from the colour picker. The default colour is set to transparent, so be sure to slide the transparency bar up to adjust or the colour will not display.
LINKS COLOR:
You can customize the links colour on this login form. Choose any colour from the colour picker.
FORM BACKGROUND COLOR:
Customize the background colour of the form using the colour picker.
BACKGROUND IMAGE TINT:
If you add a background image and need to standout your login form, you can add tint to that image. Use the colour picker and choose anything. Use opacity option to make it a tint.
SUBMIT BUTTON COLOR:
Yup, you guessed it! You can also customize the background color of the submit button using the color picker.


THE 404 PAGE SETTINGS

The 404 Page Template allows you to assign a custom 404 page from any Divi or Extra page that you have created. If you are not familiar with what a 404 page is, it is the page that displays when no such page on your website exists. Let’s say a person is visiting a certain page of your website, and they have a typo, or you have deleted that particular page. A 404 page will let the visitor know that the page no longer exists and will redirect them to the desired area of your website (home, contact, etc.)

Build your 404 Page:

Here is the fun part… designing the 404 page. The beautiful part of this is that you can do it using the Divi Builder just as if you were building any other page. Take advantage of the Divi Builder modules and create your 404 page.

Assign Your 404 Page:

After you are finished designing, publish the page and navigate from your dashboard to ‘Fashion’ >> ‘404 Template’.
On the 404 Page dashboard, select your desired 404 page from the dropdown list, and click ‘Save Changes’.

You can now test and view your 404 Page, but make sure you are logged out of your WordPress account when doing so.


NEED ADDITIONAL INFORMATION OR SUPPORT?

For general WordPress information –  wordpress.org

For additional help with using Divi, Elegant Themes offers free technical support to all their members. –  http://www.elegantthemes.com

NEED HELP WITH CUSTOMIZATION OR WANT TO BUY SIMILAR PRODUCTS?

If you feel you need to give your website a completely professional finish, or you simply don’t have time to do it yourself, contact us at  aspengrovestudios.com or send us an email to info@aspengrovestudios.com, to get our current rates. If you like our products and would like to purchase similar child themes, please visit https://aspengrovestudios.com/shop

THANK YOU & ENJOY!

Still need help? Contact Us Contact Us