Business WordPress Theme by IndigoThemes

Stylic Pro Theme Documentation


Introduction

Thank you for purchasing Stylic Pro. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Stylic Pro Theme.

If you are unable to find your answer here in the documentation, please contact us on our Support desk.

What is included in the price?

  • Stylic Pro WordPress Theme
  • Child Theme
  • 1 Year Free Updates
  • Theme Documentation
  • Premium Support - To our support desk.

Thanks!
IndigoThemes Team

Theme Installation via WordPress

After the purchase you will be able to download the theme .zip file.
When done, you should see stylicpro.zip (zip file name can be changed from version to version).

Please, follow the steps below to install Stylic Pro Theme.

Step 1 - Login to your WordPress Dashboard.

Step 2 - Go to Appearance > Themes. Click Add new button, located at the top of the screen or Add new theme ( see screenshots below ).


Step 3 - Click on Upload button at the top of the screen.

Step 4 - Choose stylicpro.zip.

Step 5 - Wait while the theme is uploaded and installed , when done Activate the Stylic Pro theme. (see screenshots below )


Step 6 - Congratulation you are ready to use Stylic Pro, but first Activate your license key.

Common Theme Installation Problems

“Are you sure you want to do this?”
If you get the “Are you sure you want to do this” message when installing stylic.zip file via WordPress, it means you have an upload file size limit. Install the theme via FTP if this happens, or ask your hosting company to increase the limit.

Missing stylesheet file
If you get an error saying that the stylesheet is missing, then you have uploaded the wrong folder. Please check that you are uploading the stylicpro.zip within the Theme Files folder.

Theme Installation via FTP

If you are going to install the theme using FTP, you will need an FTP Client, such as FileZilla.

After the purchase you will be able to download the theme .zip file.
When done, you should see stylicpro.zip (folder name can be changed from version to version).

Please, follow the steps below to install Stylic Pro theme via FTP:

Step 1 - Log into your hosting space (server) via FTP client.

Step 2 - In extracted archive folder, find stylicpro folder

Step 3 - Upload the stylicpro folder to your server in path .../wp-content/themes/

Step 4 - The uploaded path should be like this: .../wp-content/themes/stylicpro/


Step 5 - Login to your WordPress Dashboard and go to Appearance > Themes and activate the Stylic Pro Theme. (see screenshots below )


Step 6 - Congratulation you are ready to use Stylic Pro, but first Activate your license key.

Additional Links

Installing new theme
FileZilla Free FTP Client

Theme License Activation

After installing the theme the first step to take will be activating the theme license. Enter the license key and you'll get access to theme support.

Follow the below instruction to activate the theme license.

Step 1 - Go to your WordPress Dashboard > Appearance > Theme License.

Step 2 - Now, you need to enter the license key and click on Activate License. (see screenshots below)

Step 3 - The final step is to click on Save Changes.

Plugins Installation

After activating the theme and the license a notice should appear on the top of the screen, click on Begin installing plugins.

Follow the below instruction to activate all the necessary plugins.

Step 1 - Got to your WordPress Dashboard and click on Begin installing plugins.

Step 2 - Select all the plugin, change Bulk Actions drop to Install then click Apply ( see screenshots below ).


Setting up the Demo Content

Before importing the dummy data Make sure you have all the plugin installed

Once the theme will be activated you will see the option for importing demo.

Step 1 - Log into your WordPress Dashboard.

Step 2 - Go to Appearance > Stylic Pro Demo Setup

Step 3 - click on Import Demo Data.

Step 4 - Done! But you still need to set the Menu, Widget, Homepage.

Setup Home Page

Note: If your Home Page is not default set after importing the dummy data, then only manually set home page as front page.


Step 1 - Login to your WordPress Dashboard.

Step 2 - Go to Settings > Reading and select the A static page (select below) option and then select Home in the Front page field.

Step 3 - After selecting Home Page as Front page , click on Save Changes button to save all these changes.

Upload your logo

You can upload your logo image in the Customize Menu. If the logo is not uploaded, then your site name will be used.
Please, follow the steps below to upload your logo:

Step 1 - Login to your WordPress Dashboard.

Step 2 - Go to Appearance > Customize > Site Identity.

Step 3 - You can upload your logo, image and favicon using Select Image option. Click on Save & Publish after the logo is uploaded.



Step 4 - Your logo height should be 38px.

Step 5 - Upload your favicon - should be a 32px x 32px Png/Gif image.

Stylic Widgets

Theme has it's own 5 widgets, which are easy to use.




1. Stylic Blog Post

Using this widget you can add a blog section with slider.




2. Stylic Button

Using this widget you can add a button, where you can set two different styling. You can also make some custom changes in the button design.




3. Stylic Contact

Using this widget you can add a simple contact form which connects you to your user.




4. Stylic Hero

This widget allows you to add a big hero image with few settings.




5. Stylic Products Widget

This widget allows you to post woocommerce products in your page.




Customize Option

Go to customizer and you'll find below options where, you can make the changes as per your requirements.




1. Site Identity

Under site identity, you can add or remove your website logo, assign website title set favicon and a tagline.





2. Styling

Under styling you can set background colors and text colors of Menu, Body and Footer. You can also set colors for links, links on hover, menu background after scroll etc.



You can set different types of font families for Header, Body and Menu and manage your font size for H1 - H6 tags and menu font size in typography.



3. Background Image

Under Background Image you can set background images.




4. Menus

You can select different menu for Top and Footer in Menu Locations.



You can manage menu's Custom Links, Pages, Posts, Products, Categories, Tags, Product Categories and Product Tags from Main Menu.



5. SEO

You can add google analytics code & Facebook Pixel code.



6. Static Page

Here you can assign your front page and change your default blog page.



7. Social Accounts

Add social link in your website.



8. Additional CSS

Add your own css.



Page Options

Go to any page and you'll find below page options where, you can make the changes as per your requirements.




1. Header

You can hide or show Page Title & Breadcumbs here.




2. Footer

You can hide or show Page Footer here.




3. SEO Settings

In this section you can change SEO Settings like Page Title & Meta Description. Also, you can change robots.txt settings.






4. Facebook Pixel

In this section you can add facebook pixel code for page