Home » Documentation » Ascreen Pro manual

Ascreen Pro Manual

Thank you for using Ascreen Pro theme. If this instruction doesn't cover your queries, please contact us and we will do what we can.

 

01

Installation

Ascreen Pro is a commercial theme, you can click here to sign up for a license.

It's very easy to install Ascreen Pro on your website. After the signup, you should receive an email that contains your username and password to log in your CooThemes account. Please log in your account and download the ascreen-pro.zip file that contains all of templates and images required for the theme to function properly. There are 2 different ways to install Ascreen Pro theme:

  • through WordPress dashboard
  • through your Cpanel/ web server interface
  • via FTP (File Transfer Protocol)

1. through WordPress dashboard

  • Log in your WordPress dashboard
  • Go to Appearance > Themes
  • Click Add New button
  • Click Upload Theme button
  • Click Choose File to find Ascreen Pro zip file downloaded from your account before
  • Click Install Now to install Ascreen Pro

2. through your Cpanel/ web server interface

  • Log in your web hosting account
  • Find File Manager on the Cpanel
  • Go to Web Root (public_html/www)
  • find your wp_content folder and double click on that
  • Go to Themes folder
  • Click Upload at the top of the page
  • click the Choose File button. Then navigate to the zip file of the theme on your computer, and upload it
  • Unzip or extract the theme by clicking Extract on the top of the page
  • Click Extract File(s) button to proceed

3. via FTP (File Transfer Protocol)

  • Unzip ascreen-pro.zip to your Desktop.
  • Using an FTP client to access your host web server. Go to public_html/wp-content/themes/
  • Upload the theme to public_html/wp-content/themes/
  • Go to Appearance > Themes and activate Ascreen Pro from Dashboard

 

02

Home Page

Ascreen Pro has many settings to allow you to customize your home page. Before setting the following options, you must set up a Static Front Page, and then they will be displayed!

2.1 Set up Home Page

To create the static front page, go to the WordPress Dashboard.

Create a Front Page:

  • In Pages, choose Add New.
  • Use any title for this page, here we title it "Home".
  • Change Template of this page into Homepage under Page Attributes.
  • Publish the Page.
  • Go to WordPress Dashboard> Settings > Reading.
  • Set Front page displays to A static page
  • In the drop down menu for Front Page, select Home
  • Click Save Changes.

2.2 Homepage Layout

Here you can enable sections you want to display on your home page and change their section order.

  • Go to Appearance > Customize > Homepage Settings > Homepage Layout
  • Click on the eye to enable or disable that section
  • Click on the section and drag and drop to change its order
  • Hit back button and customize the sections you just enabled

2.3 Video Background Settings

To use Video Background section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your video section, go to Appearance > Customize > Homepage Settings > Video Background Settings. Here you can change title and description typography, font size, font color, and text transform.

Here you should put the video ID instead of the URL into the box.

2.4 Salon Settings

To use Salon section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your download section, go to Appearance > Customize > Homepage Settings > Salon Settings. Here you can change section title and description typography, font size, font color, button text, button URL and text transform.

2.5 Slider Settings

To use Slider section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your sliders, go to Appearance > Customize > Homepage Settings > Slider Settings. Here you can add or remove sliders, change title and description typography, font size, font color, and text transform. Do not forget to click Save & Publish button on the top to save the changes.

2.6 Gallery Settings

To use Gallery section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your feature section, go to Appearance > Customize > Homepage Settings > Gallery Settings. Here you can add or remove gallery items, change title and description typography, font size, font color, feature icons and text transform. Do not forget to click Save & Publish button on the top to save the changes.

2.7 Service Settings

To use Service section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your service section, go to Appearance > Customize > Homepage Settings > Service Settings. Here you can add or remove service items, change title and description typography, font size, font color, and text transform. Do not forget to click Save & Publish button on the top to save the changes.

2.8 Our Team Settings

To use Our Team section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your team section, go to Appearance > Customize > Homepage Settings > Our Team Settings. Here you can add or remove team members, change title and description typography, font size, font color, and text transform. You can also enable or disable your social link under this section setting.

2.9 Blog Post Settings

To use Blog Post section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your blog post section, go to Appearance > Customize > Homepage Settings > Blog Post Settings. Here you can change how many articles to display on your home page, section title and description typography, font size, font color, and text transform.

2.10 About Us Settings

To use About Us section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your about us section, go to Appearance > Customize > Homepage Settings > About Us Settings. Here you can add or remove feature items, change title and description typography, font size, font color, feature icons and text transform. Do not forget to click Save & Publish button on the top to save the changes.

2.11 Testimonials Settings

To use Testimonials section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your testimonial section, go to Appearance > Customize > Homepage Settings > Testimonials Settings. Here you can add or remove testimonial items, change title and description typography, font size, font color, and text transform.

2.12 Fact/ Number Settings

To use Fact/ Number section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your fact/ number section, go to Appearance > Customize > Homepage Settings > Fact/ Number Settings. Here you can add or remove fact items, change title and description typography, font size, font color, and text transform.

This section comes with parallax and background overlay options. You can enable or disable them based on your needs. Do not forget to click Save & Publish button on the top to save the changes.

2.13 Pricing Settings

To use Pricing section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your pricing section, go to Appearance > Customize > Homepage Settings > Pricing Settings. Here you can add or remove price items, change title and description typography, font size, font color, and text transform.

2.14 Our Clients Settings

To use Our Clients section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your client section, go to Appearance > Customize > Homepage Settings > Our Clients Settings. Here you can add or remove brand logos, change title and description typography, font size, font color, and text transform.

2.15 Advantage Settings

To use Feature section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your feature section, go to Appearance > Customize > Homepage Settings > Feature Settings. Here you can add or remove feature items, change title and description typography, font size, font color, feature icons and text transform. Do not forget to click Save & Publish button on the top to save the changes.

2.16 Download Settings

To use Download section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your download section, go to Appearance > Customize > Homepage Settings > Download Settings. Here you can change section title and description typography, font size, font color, button text, button URL and text transform.

2.17 Map Settings

To use Map section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To change your location on Google Map,

  • Open Google Maps
  • In the top left corner, type in any street address or geographic location. Google will search it for you
  • Click Share and a popup will appear
  • At the top of the popup that appears, choose Embed tab. Choose the size you want, then copy the iframe embed code from the box
  • Click Open Editor in Appearance > Customize > Homepage Settings > Widget Tool Settings
  • Paste the iframe code into the box and hit X to close
  • Click Save & Publish on the top to save the change and you will see your location

2.18 Contact Us Settings

To use Contact Us section, you should enable it in Appearance > Customize > Homepage Settings > Homepage Layout.

To customize your contact us section, go to Appearance > Customize > Homepage Settings > Contact Us Settings. Here you can change the email address, section title and description typography, font size, font color, and text transform.

This section comes with parallax and background overlay options. You can enable or disable them based on your needs. Do not forget to click Save & Publish button on the top to save the changes.

 

03

Theme Option

3.1 Fix Header

To enable a fixed header, go to Appearance > Customize > Theme Option > click Fix Header to enable a fixed header. Do not forget to click Save & Publish button on the top to save the changes.

3.2 Box Header Center

To enable a boxed header, go to Appearance > Customize > Theme Option > click Box Header Center to enable a boxed header. Do not forget to click Save & Publish button on the top to save the changes.

3.3 Enable the Homepage section header menu

To enable the homage page section header navigation, go to Appearance > Customize > Theme Option > click Enable the Homepage section header menu to enable the homepage section header menu. Do not forget to click Save & Publish button on the top to save the changes.

3.4 Enable the homepage section Right menu

To enable the homepage section Right menu, go to Appearance > Customize > Theme Option > click Enable the homepage section Right menu to enable the homepage section right menu. Do not forget to click Save & Publish button on the top to save the changes.

3.5 Show Login Button

To enable the login button, go to Appearance > Customize > Theme Option > click Show Login Button to enable the login button on the top. Do not forget to click Save & Publish button on the top to save the changes.

3.6 Enable the Breadcrumb nav

To enable the breadcrumb navigation, go to Appearance > Customize > Theme Option > Enable the Breadcrumb Nav. Do not forget to click Save & Publish button on the top to save the changes.

3.7 Return Top

To enable the Return Top button, go to Appearance > Customize > Theme Option > Enable Return Top. Do not forget to click Save & Publish button on the top to save the changes.

3.8 Sidebar Layout

The theme comes with 3 sidebar layouts. You can change its layout by going to Appearance > Customize > Theme Option > Sidebar Layout, select the layout you like and click Save & Publish button on the top to save the changes.

3.9 Enable Woocommerce Sidebar

When you enable Woocommerce sidebar, it will add a sidebar on your shop page and increase your conversation rate.

To enable it, go to Appearance > Customize > Theme Option > Enable Woocommerce Sidebar. Do not forget to click Save & Publish button on the top to save the changes.

3.10 Enable Loader

The loader will appear when your page is loading. To enable it, go to Appearance > Customize > Theme Option > Enable Loader. Do not forget to click Save & Publish button on the top to save the changes.

3.11 404 Page Content

The loader will appear when your page is not found. To change the page content, go to Appearance > Customize > Theme Option > 404 Page Content> Click Open Editor. Do not forget to click Save & Publish button on the top to save the changes.

404 not found! . Please, return to homepage!

Note:
# is for your website URL
You can customize the content according to your needs.

 

04

Footer Option

4.1 Display Footer Widget Area

To display widgets at the footer, go to Appearance > Customize > Footer Option > Display Footer Widget Area. Do not forget to click Save & Publish button on the top to save the changes.

4.2 Footer Text Color

To change the text color at the footer, go to Appearance > Customize > Footer Option > Footer Text Color, and select the color you want. Do not forget to click Save & Publish button on the top to save the changes.

4.3 Footer Link Color

To change the link color at the footer, go to Appearance > Customize > Footer Option > Footer Link Color, and select the color you want. Do not forget to click Save & Publish button on the top to save the changes.

4.4 Footer Link Hover Color

To change the link hover color at the footer, go to Appearance > Customize > Footer Option > Footer Link Hover Color, and select the color you want. Do not forget to click Save & Publish button on the top to save the changes.

4.5 Section Background Color

To change the section background color at the footer, go to Appearance > Customize > Footer Option > Section Background Color, and select the color you want. Do not forget to click Save & Publish button on the top to save the changes.

4.6 Footer Background Image

To change the background image at the footer, go to Appearance > Customize > Footer Option > Footer Background Image, and upload the image you want. Do not forget to click Save & Publish button on the top to save the changes.

4.7 Footer Copyright

To change the copyright information at the footer, go to Appearance > Customize > Theme Option > Open Editor > OpenEditor. Do not forget to click Save & Publish button on the top to save the changes.

© 2017 YourWebName.com.

Note:
# is for your website URL
YourWebName.com is for your domain name