Cortana Documentation

Home / Cortana Documentation

01.GET STARTED

File Include

The theme zip file cortana.zip
Child theme for easier customize in cortana-child.zip
Document in Documentation.zip

Back To Top

02.INSTALLATION

System Requires

To use Cortana, you must be running WordPress 3.9 or higher, PHP5.4 or higher, and MySQL 5 or higher. We have tested it with Mac, Windows and Linux. Below is a list of items you should ensure your host can comply with.

Recommended PHP Configuration Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

max_input_vars = 3000
memory_limit = 300M
max_execution_time = 300
max_input_time = 300
upload_max_filesize = 64M
post_max_size = 64M

Back To Top

Download Cortana Theme

Get the Cortana Theme installation package from your account (after login on Themeforest.net) at  downloads page  and save it to your computer.

theme-download

Back To Top

Theme Installation

Installation via WordPress

Step 1 – Login to your WordPress Dashboard

Step 2 – Go to Appearance > Themes. Click the Add New button or Add new theme link.

cortana-theme-installation-01

cortana-theme-installation-02

Step 3 – Click on the Upload Theme button. Locate “cortana.zip” and click Install Now.

Step 4 – Click on the Activate button to activate Spring.

Installation via FTP

Step 1 – Log into your Hosting server using an FTP client (like FileZilla or WinSCP).

Step 2 – Locate “cortana.zip” that you found in your ThemeForest Package and unzip it somewhere on your hard drive. Once it is unzipped it will look like a folder named Cortana with all theme files in it.

Step 3 – Locate your WordPress installation and upload the theme directory Spring (you unzipped in the previous step) into ../wp-content/themes/ in your WordPress installation.

Step 4 – Click on the Activate button to activate Cortana. Congratulations, you have now activated Cortana! You can now proceed with Cortana’s Plugin Installation.

Back To Top

Required Plugin Installation

1) Install required plugin

You can follow the steps below:

 

The installing process status will be shown in your browser. It may takes a few minutes, so please be patient. After successful, your screen will be like this:

2) Activate required plugin

 

 

Back To Top

Install Demo Content

Note 1: Before importing demo content, please make sure you have already installed and enabled all required plugin mentioned above. In addition, if your PHP setting doesn’t met the requirement , the System Status will be red, so please configure your setting reasonably ( see System Requires above).

Note 2: If you plan to use child theme, please make sure to active the child theme before perform demo installation.

To install the demo, you can follow the steps below:

Step 1 – In section 9WPThemes, choose tab “Install Demos” or click Install Demo Data. After that, click the Install button

Step 2 – Choose options you want to install (please read the description carefully), then click I understand, just install it.

To check the process and the error log, you can click the button at bottom right of your screen.

After successful installation, this dialog will show up :

Note 3: If you encounter with the 404 error after installing the demo, you may try changing the permalink structure to http://{ your domain }/index.php/%postname%/

htaccess-error-1

 

 

Back To Top

03.CONFIGURATIONS

Theme Options Presets

Theme Options Preset is a feature that help you create various style for your site. In our demo , there are 5 presets: Default Preset, HP 6 Preset, HP 7 Preset, HP8-HP9-HP10-H12 PresetHP 11 Preset.

+) Default Preset: use for whole site.

+)HP 6 Presetuse for Home Page 6.

+) HP 7 Presetuse for Home Page 7.

+) HP8-HP9-HP10-H12 Presetuse for Home Page 8Home Page 9, Home Page 10, Home Page 12.

+) HP 11 Presetuse for Home Page 11.

How to use preset

All sections (General Settings, Colors, , …) you see in Theme Options are all sections of current preset. It means they are not related to other presets. After you configure those sections, If you click one of 4 buttons at the top of the panel (Save Changes, Save & Generate CSS, Reset Section, Reset All), this action will only affect to current preset, other presets are still intact.

Note:

+) Save Changes: Save all of the changes you have make to the current preset

+) Save & Generate CSS: Save the current preset and re-generate CSS. You only need to use this button if:

  • the CSS codes of the current preset are break
  • you create a new preset
  • you modify any *.scss files of our theme

+) Reset Section: Restore all options of the current section to default.

+) Reset All: Restore whole options of current preset to default.

To apply a preset to a specific page, you can open the editor of the page, then set the preset to field Use Preset.

Note 1: By default, ‘global’ preset affects to your whole site (every pages), unless your pages are assigned to other presets. Any ‘none-global’ preset only can take effect if it is assigned to a page.

Note 2: After create a new preset, you have to click Save & Generate CSS to generate CSS file for the preset. Otherwise, if you assign the preset to a page, the page layout will be broken due to miss CSS codes.

Some Options you only can do in Default Preset 

You don’t need to set Default Preset back to  ‘global’ preset (assume you have another preset as ‘global’ preset). You only need to switch Theme Option to Default  and do the options mentioned below.

+) Custom sidebar

If you want to add more sidebar (Appearance -> Widgets), make sure you are in Default Preset, then choose General Settings > Custom Sidebar :

+) Enable Maintenance Mode

Switch Theme Options to Default Preset, then choose General Settings > Maintenance Mode

 

 

 

 

 

Back To Top

Content Template

Content Template is a content block is created beforehand and you can set it to some specific areas of your page. There are five areas you can set Content Template:  Header Area – Before, Header Area – After, Page Title – After, Footer Area – Before, Footer Area – After.

content-template

In addition, you can use Content Template as the Page Title or the Footer. For example, our  demo page footer is a Content Temple:

How to create a Content Template:

Step 1: In the Admin sidebar, select Content Template > Add New Content Template.

floral-content-template-03

Step 2: Use Visual Composer shortcode to create your own Content Template.

floral-content-template-04

Note: you can not use grids Shortdcodes in Content Template because it will cause error to your site pages.

How to use Content Template:

1) To set Content Template to five areas mentioned above:

floral-content-template-06

2) You can any Content Template to the Page Content Area by using shortcode Floral Content Template:

 

 

Back To Top

Header

In Theme Options, there are 4 sections to configure the header: HeaderHeader StyleHeader ModulesHeader Menu Settings.

+) Section Header: you can manage header modules and determined the way to shown them in your page header

+) Section Header Style: configure your page header style (when its state is static or sticky).

+)  Section Header Modules: configure details of header modules.

+) Header Menu Settings: configure  style for menu item, sub menu, mega menu.

Back To Top

Page Title

You can create Page Title by configuring Page Title options or using a Content Template.

1) Configure Page Title options

 

2) Use Content Template

The Page Title can be created easily by using Floral Heading and Floral Breadcrumb shortcode.

 

You may use the code below (switch your Content Template editor to CLASSIC MODE, paste the code then switch back to BACKEND EDITOR).

[vc_row text_color="light" heading_color="light" link_color="__" link_hover_color="__" css=".vc_custom_1502074627989{background-color: rgba(0,0,0,0.3) !important;*background-color: rgb(0,0,0) !important;}"][vc_column][vc_row_inner css=".vc_custom_1502074764554{padding-top: 95px !important;padding-bottom: 105px !important;}"][vc_column_inner][cortana_shortcode_heading heading_title_data_source="page-title" heading_el_tag="h1" heading_title_size="custom" heading_title_custom_size="45" heading_title_line_height="1.2" heading_title_text_transform="text-uppercase" heading_text_fw="fw-bold" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1502074741512{margin-bottom: 10px !important;}"][cortana_shortcode_heading heading_title="" heading_el_tag="h1" heading_title_size="48" heading_title_line_height="1.2" heading_title_ff="t-font" heading_title_text_transform="text-uppercase" heading_text_fw="fw-semibold" heading_subtitle_enable="1" heading_subtitle_data_source="page-subtitle" heading_subtitle_size="18" heading_subtitle_line_height="1.2" heading_subtitle_fs="fs-italic" heading_subtitle_fw="fw-regular" heading_separator_enable="0" heading_title_responsive_title_size="0" heading_subtitle_responsive_title_size="0" css=".vc_custom_1502074515693{margin-bottom: 0px !important;}"][/vc_column_inner][/vc_row_inner][cortana_shortcode_breadcrumb background_color="rgba(0,0,0,0.4)"][/vc_column][/vc_row]

 

Finally, chose the Content Template you have created:

Back To Top

Footer

You can create Footer by configuring Footer options or using a Content Template.

Configure Footer options

Those options only help you create a simple footer is liked the image below. Thus, for more complex footer, I suggest you use Content Template and set it as the footer.

Use Content Template.

Here are the footer code blocks in our demo, you can use them to make your page footer  (Note: switch your Content Template editor to CLASSIC MODE, select Text view mode, paste the code then switch back to BACKEND EDITOR).

1) Footer

[vc_row text_color="gray8" heading_color="light" link_color="gray8" link_hover_color="light" css=".vc_custom_1480873807565{padding-top: 80px !important;padding-bottom: 90px !important;background-color: #222222 !important;}" tablet_css=".vc_custom_1480873807566{padding-top: 70px !important;padding-bottom: 75px !important;}" mobile_css=".vc_custom_1480873807567{padding-top: 70px !important;padding-bottom: 75px !important;}"][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_row_inner][vc_column_inner width="1/2"][vc_widget_sidebar sidebar_id="footer-1"][/vc_column_inner][vc_column_inner width="1/2"][cortana_shortcode_heading heading_title="GET IN TOUCH" heading_title_size="18" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1480739768163{margin-bottom: 40px !important;}"][vc_widget_sidebar sidebar_id="footer-2"][/vc_column_inner][/vc_row_inner][/vc_column][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_row_inner][vc_column_inner text_color="__" heading_color="__" link_color="__" link_hover_color="__" width="1/2"][cortana_shortcode_heading heading_title="INFORMATION" heading_title_size="18" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1480739815163{margin-bottom: 40px !important;}"][vc_widget_sidebar sidebar_id="footer-3"][/vc_column_inner][vc_column_inner width="1/2"][cortana_shortcode_heading heading_title="NEWS LETTER" heading_title_size="18" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1480873496158{margin-bottom: 40px !important;}"][vc_raw_html css=".vc_custom_1480873666723{margin-bottom: 15px !important;}"]JTNDZGl2JTNFTG9yZW0lMjBpcHN1bSUyMGRvbG9yJTIwc2l0JTIwYW1ldCUyQyUyMGNvbnNlY3RldHVyJTIwYWRpcGlzaWNpbmclMjBlbGl0LiUyMCUzQyUyRmRpdiUzRQ==[/vc_raw_html][vc_widget_sidebar sidebar_id="footer-4" css=".vc_custom_1480873719339{margin-bottom: 0px !important;}"][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_color="gray8" heading_color="__" link_color="gray8" link_hover_color="light" css=".vc_custom_1480739784613{padding-top: 20px !important;padding-bottom: 20px !important;background-color: #111111 !important;}"][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_widget_sidebar sidebar_id="footer-copyright-left" css=".vc_custom_1480732429813{margin-bottom: 0px !important;}"][/vc_column][vc_column text_align="text-right" text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_widget_sidebar sidebar_id="footer-copyright-right" css=".vc_custom_1480732435317{margin-bottom: 0px !important;}"][/vc_column][/vc_row]

2) Footer(HP8,Hp9)

[vc_row text_color="custom" text_custom_color="#cccccc" heading_color="light" link_color="__" link_hover_color="__" font_size="13" responsive_font_size="0" css=".vc_custom_1500263986279{padding-top: 70px !important;padding-bottom: 30px !important;background-color: #111111 !important;}" el_class="cortana-footer-3"][vc_column][cortana_shortcode_logo logo_source="logo-option-2" logo_align="text-center" css=".vc_custom_1500263852441{margin-bottom: 60px !important;}"][/vc_column][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-4"][cortana_shortcode_heading heading_title="About Us" heading_el_tag="h5" heading_title_size="18" heading_title_line_height="1.2" heading_title_ff="p-font" heading_subtitle_enable="0" heading_separator_enable="1" heading_separator_margin_top="15" heading_separator_width="custom-width" heading_separator_custom_width="35px" heading_separator_height="custom-height" heading_separator_custom_height="2px" heading_title_responsive_title_size="0" css=".vc_custom_1500262663619{margin-bottom: 25px !important;}"][vc_column_text el_id="fz-13"]Lorem ipsum dolor sit amet, funhg ji consolite consectetuer adipisc elit, sedsogi diamio nuni nonummy nibh huynun euismod unde tincidunt ut laoreet dolore magna di aliquam erat.[/vc_column_text][cortana_shortcode_social_profiles profiles="social-facebook-url||social-twitter-url||social-flickr-url||social-linkedin-url" icon_size="15" icon_color="custom-style" colors="gray2" colors_hover="__" is_rounded_icon="1" rounded_size="28" background_colors="p" background_hover_colors="light" cortana_remove_default_mb="0"][/vc_column][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" font_size="13" responsive_font_size="0" offset="vc_col-md-4"][cortana_shortcode_heading heading_title="Business Hours" heading_el_tag="h5" heading_title_size="18" heading_title_line_height="1.2" heading_title_ff="p-font" heading_subtitle_enable="0" heading_separator_enable="1" heading_separator_margin_top="15" heading_separator_width="custom-width" heading_separator_custom_width="35px" heading_separator_height="custom-height" heading_separator_custom_height="2px" heading_title_responsive_title_size="0" css=".vc_custom_1500262670256{margin-bottom: 25px !important;}"][vc_raw_html css=".vc_custom_1500261507819{margin-bottom: 20px !important;}"]T3VyJTIwZGVkaWNhdGVkJTIwc3VwcG9ydCUyMHRlYW0lMjBpcyUyMGF2YWlsYWJsZSUyMHRvJTIwaGVscCUyMHlvdSUyMDI0JTIwaG91cnMlMjBhJTIwZGF5JTJDJTIwc2V2ZW4lMjBkYXlzJTIwYSUyMHdlZWsu[/vc_raw_html][vc_raw_html el_class="__time"]JTNDdGFibGUlMjBjbGFzcyUzRCUyMnRhYmxlLXJlc3BvbnNpdmUlMjIlM0UlMEElMDklM0N0ciUzRSUwQSUwOSUwOSUzQ3RkJTNFTW9uZGF5LUZyaWRheSUzQSUzQyUyRnRkJTNFJTBBJTA5JTA5JTNDdGQlM0U5YW0lMjB0byUyMDUuMzAlMjBwbSUzQyUyRnRkJTNFJTBBJTA5JTNDJTJGdHIlM0UlMEElMDklM0N0ciUzRSUwQSUwOSUwOSUzQ3RkJTNFU2F0dXJkYXklM0ElMjAlM0MlMkZ0ZCUzRSUwQSUwOSUwOSUzQ3RkJTNFMTBhbSUyMHRvJTIwMXBtJTNDJTJGdGQlM0UlMEElMDklM0MlMkZ0ciUzRSUwQSUwOSUzQ3RyJTNFJTBBJTA5JTA5JTNDdGQlM0VTdW5kYXklM0ElM0MlMkZ0ZCUzRSUwQSUwOSUwOSUzQ3RkJTNFQ2xvc2VkJTNDJTJGdGQlM0UlMEElMDklM0MlMkZ0ciUzRSUwQSUzQyUyRnRhYmxlJTNF[/vc_raw_html][/vc_column][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-4"][cortana_shortcode_heading heading_title="Get In Touch" heading_el_tag="h5" heading_title_size="18" heading_title_line_height="1.2" heading_title_ff="p-font" heading_subtitle_enable="0" heading_separator_enable="1" heading_separator_margin_top="15" heading_separator_width="custom-width" heading_separator_custom_width="35px" heading_separator_height="custom-height" heading_separator_custom_height="2px" heading_title_responsive_title_size="0" css=".vc_custom_1500262675756{margin-bottom: 25px !important;}"][vc_row_inner][vc_column_inner][vc_raw_html el_class="fz-12"]JTNDZGl2JTIwY2xhc3MlM0QlMjJfX2NvbnRhY3QlMjIlM0UlMEElMDklM0N1bCUzRSUwQSUwOSUwOSUzQ2xpJTNFJTBBJTA5JTA5JTA5JTNDaSUyMGNsYXNzJTNEJTIyY29ydGFuYS1pY28lMjBjb3J0YW5hLWljby1sb2NhdGlvbiUyMiUzRSUzQyUyRmklM0UlMEElMDklMDklMDklM0NwJTNFMTQyMiUyMDFzdCUyMFN0LiUyMFNhbnRhJTIwUm9zYSUyQ3QlMjBDQSUyMDk0NTU5LiUyMFVuaXRlZCUyMFN0YXRlcyUzQyUyRnAlM0UlMEElMDklMDklM0MlMkZsaSUzRSUwQSUwOSUwOSUzQ2xpJTNFJTBBJTA5JTA5JTA5JTNDaSUyMGNsYXNzJTNEJTIyY29ydGFuYS1pY28lMjBjb3J0YW5hLWljby1waG9uZSUyMiUzRSUzQyUyRmklM0UlMEElMDklMDklMDklM0NwJTNFJTI4MTIzJTI5JTIwNDU2Nzg5MTAlM0MlMkZwJTNFJTBBJTA5JTA5JTNDJTJGbGklM0UlMEElMDklMDklM0NsaSUzRSUwQSUwOSUwOSUwOSUzQ2klMjBjbGFzcyUzRCUyMmNvcnRhbmEtaWNvJTIwY29ydGFuYS1pY28tcGFwZXItcGxhbmUlMjIlM0UlM0MlMkZpJTNFJTBBJTA5JTA5JTA5JTNDcCUzRWluZm8lNDBvc3RoZW1lcy5jb20lM0MlMkZwJTNFJTBBJTA5JTA5JTNDJTJGbGklM0UlMEElMDklM0MlMkZ1bCUzRSUwQSUzQyUyRmRpdiUzRSUwQQ==[/vc_raw_html][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row equal_height="yes" text_color="gray8" heading_color="__" link_color="gray8" link_hover_color="light" css=".vc_custom_1500264023273{padding-top: 20px !important;padding-bottom: 20px !important;background-color: #000000 !important;}"][vc_column vertical_align="block-align-middle" text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_widget_sidebar sidebar_id="footer-copyright-left" css=".vc_custom_1500262398544{margin-bottom: 0px !important;}" el_class="fw-semibold"][/vc_column][vc_column text_align="text-right" vertical_align="block-align-middle" text_color="__" heading_color="__" link_color="__" link_hover_color="__" offset="vc_col-md-6"][vc_widget_sidebar sidebar_id="footer-copyright-right" css=".vc_custom_1500262468310{margin-bottom: 0px !important;}" el_class="fw-semibold"][/vc_column][/vc_row]

3) Footer(HP:10,11,12)

[vc_row overlay_set="show_overlay_color" overlay_color="rgba(17,17,17,0.8)" text_color="__" heading_color="__" link_color="__" link_hover_color="__" css=".vc_custom_1501571998790{padding-top: 95px !important;padding-bottom: 125px !important;background-image: url(http://localhost/wp-cortana-n/wp-content/uploads/2017/08/wdfgbn.jpg?id=727) !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}" el_class="cortana-footer-2" tablet_css=".vc_custom_1501571998791{padding-top: 75px !important;padding-bottom: 35px !important;}" mobile_css=".vc_custom_1501571998791{padding-top: 75px !important;padding-bottom: 35px !important;}"][vc_column text_color="custom" text_custom_color="#eeeeee" heading_color="light" link_color="__" link_hover_color="__"][cortana_shortcode_heading heading_title="CONTACT US" heading_el_tag="h4" heading_title_size="24" heading_text_align="text-center" heading_title_ff="p-font" heading_text_fw="fw-semibold" heading_subtitle_enable="0" heading_separator_enable="1" heading_separator_width="custom-width" heading_separator_custom_width="30px" heading_separator_height="custom-height" heading_separator_custom_height="3px" heading_separator_color="custom" heading_separator_custom_color="#cccccc" heading_title_responsive_title_size="0"][vc_raw_html el_class="fz-15 text-center" css=".vc_custom_1499919462396{margin-bottom: 40px !important;}"]JTNDcGMlMjBjbGFzcyUzRCUyMl9fdGV4dCUyMiUzRUxvcmVtJTIwaXBzdW0lMjBkb2xvciUyMHNpdCUyMGFtZXQlMkMlMjBjb25zZWN0ZXR1ZXIlMjBhZGlwaXNjaW5nJTIwZWxpdCUyQyUyMHNlZCUyMGRpYWh1biUyMGd1byUyMG5vaXB1bmElM0NiciUyMGNsYXNzJTNEJTIyaGlkZGVuLXNtJTIwaGlkZGVuLXhzJTIyJTNFJTIwbm9udW1teSUyMG5pYmglMjBldWlzbW9kJTIwdGluY2lkdW50JTIwdXQuQ29uc2VjdGV0dWVyLiUzQyUyRnAlM0U=[/vc_raw_html][/vc_column][vc_column text_color="__" heading_color="__" link_color="__" link_hover_color="__" el_class="content-block-2"][vc_row_inner][vc_column_inner text_align="text-center" text_color="custom" text_custom_color="#aaaaaa" heading_color="__" link_color="custom" link_custom_color="#aaaaaa" link_hover_color="light" width="1/3" el_class="__icon-block"][vc_icon type="cortana" icon_cortana="cortana-ico cortana-ico-phone-call" color="gray4" align="center" css=".vc_custom_1499932105982{margin-bottom: 0px !important;}" el_class="__icon"][cortana_shortcode_heading heading_title="Phone" heading_el_tag="h5" heading_title_size="18" heading_text_align="text-center" heading_title_ff="p-font" heading_text_fw="fw-semibold" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1499920022082{margin-bottom: 5px !important;}" el_class="__title"][vc_raw_html el_class="fz-13 __description"]JTJCJTI4NzE0JTI5JTIwNDI5LTk3NzklM0NiciUzRSUyQiUyODQyNSUyOSUyMDI1NS03NTUxJTBB[/vc_raw_html][/vc_column_inner][vc_column_inner text_align="text-center" text_color="custom" text_custom_color="#aaaaaa" heading_color="__" link_color="__" link_hover_color="__" width="1/3" el_class="__icon-block"][vc_icon type="cortana" icon_cortana="cortana-ico cortana-ico-placeholder" color="gray4" align="center" css=".vc_custom_1499932173922{margin-bottom: 0px !important;}" el_class="__icon"][cortana_shortcode_heading heading_title="Phone" heading_el_tag="h5" heading_title_size="18" heading_text_align="text-center" heading_title_ff="p-font" heading_text_fw="fw-semibold" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1499920031116{margin-bottom: 5px !important;}" el_class="__title"][vc_raw_html el_class="fz-13 __description"]MTQyMiUyMDFzdCUyMFN0LiUyMFNhbnRhJTIwUm9zYSUyQ3QlMjBDQSUyMDk0NTU5LiUzQ2JyJTNFJTIwJTBBVW5pdGVkJTIwU3RhdGVz[/vc_raw_html][/vc_column_inner][vc_column_inner text_align="text-center" text_color="custom" text_custom_color="#aaaaaa" heading_color="__" link_color="__" link_hover_color="__" width="1/3" el_class="__icon-block"][vc_icon type="cortana" icon_cortana="cortana-ico cortana-ico-message" color="gray4" align="center" css=".vc_custom_1499932269843{margin-bottom: 0px !important;}" el_class="__icon"][cortana_shortcode_heading heading_title="Phone" heading_el_tag="h5" heading_title_size="18" heading_text_align="text-center" heading_title_ff="p-font" heading_text_fw="fw-semibold" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1499920044601{margin-bottom: 5px !important;}" el_class="__title"][vc_raw_html el_class="fz-13 __description"]RGlybWFyayUyME1lZGlhJTJDJTIwSW5jLiUzQ2JyJTNFJTBBNzI1JTIwTm92YSUyMFJkJTIwU3VpdGUlMjAyNDclMjBPcm1vbmQlMjBCZWFjaCUyQyUyMEZMJTIwMzIxNzQ=[/vc_raw_html][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_color="__" heading_color="__" link_color="__" link_hover_color="__" css=".vc_custom_1499933521560{padding-top: 40px !important;background-color: rgba(17,17,17,0.9) !important;*background-color: rgb(17,17,17) !important;}"][vc_column][cortana_shortcode_social_profiles profiles="social-facebook-url||social-twitter-url||social-flickr-url||social-linkedin-url" alignment="text-center" icon_size="15" icon_color="custom-style" colors_hover="__" is_rounded_icon="1" rounded_size="28" background_colors="light" background_hover_colors="custom" background_hover_colors_cp="#aaaaaa" spacing_between_items="15" cortana_remove_default_mb="1" css=".vc_custom_1499933492237{margin-bottom: 15px !important;}"][cortana_shortcode_heading heading_title="CREATIVE WORDPRESS THEME MADE BY 9WPTHEMES" heading_el_tag="p" heading_title_size="custom" heading_title_custom_size="13" heading_text_align="text-center" heading_color="custom" heading_title_custom_color="#dddddd" heading_title_ff="p-font" heading_text_fw="fw-semibold" heading_subtitle_enable="0" heading_separator_enable="0" heading_title_responsive_title_size="0" css=".vc_custom_1499933467332{margin-bottom: 35px !important;}"][/vc_column][/vc_row]

Note: For the Widgetised Sidebar shortcode, you have to add widgets to the sidebars on Admin Sidebar > Appearance > Widget

floral-footer-11

Back To Top

Metabox Options

If you scroll down to the bottom of your page editor, you will see an area named  Options. We call that area Metabox Options.

Most options of Metabox Options just like the ones in Theme Options, except they have default value. If you leave the fields in Metabox Options to blank or set them to Default,  the options will override the same ones in Theme Options preset that is assigned to your current page (or ‘global’ preset if no preset is assigned to your current page).

Note:

+) You can disable some specific areas of your current page (like Footer, Page Title, Header Area – Before …) by set the fields corresponding to them to OFF.

+) Metabox Options does not take effect in any archive types (for example, in our  demo is Blog: http://floral.9wpthemes.com/blog/ ) . In this case, you have to use feature Overriding Template of Theme Options.

+) If you configure a option of a preset but it does not apply to your page (assume the preset is assigned to the page), you have to check the same option in Metabox Options of the page. The field of the option must be blank or set to OFF.

 

Back To Top

Overriding Template

If you note in Theme Options, there are 4 sections have overriding default template field: Header, Content Template, Page Title, Footer.

You can use that field to overriding the default template for : 404 page, Search page, Archive types and Single types (Blog, Service, Event).

Example of using overriding default template:

In the following I will show you how to change the footer of 404 page.

1) Make sure you are in ‘global’ preset (in my case is Default Preset), then select section Footer:

2) Set filed Override default footer settings in to 404 error page , then click Save Change. After that, a section named 404 Error Page Footer will appearance below section Footer

3) In the new section, set Footer content template field to another preset.

 

The result is here:

 

Back To Top

Mailchimp

For information and how to use it, you can read here: https://mc4wp.com/kb/

Form code for Mailchimp:

<p class='mb-20'><p class='mb-20'>  <input type="text" name="NAME" placeholder="Name" required /><p>  <input type="email" name="EMAIL" placeholder="Your email address" required /></p><p class="submit-button-wrapper s-font ls-005 fs-13"> <input type="submit" value="SEND MESSAGE" /></p>

Back To Top

Contact Form 7

We are not Contact Form 7 author so we may not find solutions for some problem of this plugin. Thus, if you encounter with any problem with the plugin, please consult stackoverflow or  ask Contact Form 7 author directly. The official documentation of Contact Form & is here: http://contactform7.com/docs/

Below are scripts to make contact form and reservation form in our demo.

1) Contact Form 1

<div class="cortana-contact-form"><div class="cortana-contact-form"> <div class="row"> <div class="col-md-6 mb-25"> [text* your-name placeholder "Name" ] </div> <div class="col-md-6 mb-25"> [text* your-phone placeholder "Phone" ] </div> <div class="col-md-12 mb-25">                        [email* your-email placeholder "Email" ] </div> <div class="col-md-12 mb-35"> [textarea* your-message x8 placeholder "Message" ] </div> <div class="col-md-12"> <button type="submit" class="wpcf7-form-control wpcf7-submit cortana-btn s-font btn-style-solid btn-shape-rounded-1 btn-size-md light-color p-bgc gray2-hover-button-bgc hover-effect-default" title="SEND MESSAGE" style="border: none; font-size: 13px"><span class='ls-005'>SEND MESSAGE</span></button> </div> </div></div>

2) Contact Form 2

<div class="cortana-form cortana-contact-form-2"><div class="cortana-form cortana-contact-form-2"> <div class="row"> <div class="col-md-6 mb-25"> [text* your-name placeholder "Name" ] </div> <div class="col-md-6 mb-25"> [text* your-phone placeholder "Subject" ] </div> <div class="col-md-6"> <div class="row"> <div class="col-md-12 mb-25"> [email* your-email placeholder "Your Email" ] </div> <div class="col-md-12 mb-25"> [text* your-building placeholder "Home Building" ] </div> </div> </div> <div class="col-md-6 mb-30"> [textarea* your-message x4 placeholder "Messenger" ] </div> <div class="col-md-12"> <button type="submit" class="wpcf7-form-control wpcf7-submit cortana-btn cortana-btn-596734ae511f5 p-font btn-style-border-2 btn-shape-rounded-2 btn-size-md icon-effect-none hover-effect-default transparent-bgc gray2-border-color gray2-hover-border-color gray2-hover-button-bgc gray2-color light-hover-color ls-01 fw-semibold" style="font-size:13px;display:block;max-width:270px;width:100%; padding: 0 10px" >SEND MESSAGE</span></button> </div> </div></div>

Back To Top

04.HOW TO

Add Custom CSS

There are 3 ways to add your custom CSS:

1) Use Visual Composer custom CSS feature

2) Add your custom CSS to Theme Option > Custom CSS & JS > Custom CSS

Note 1: The area allows you to use SCSS syntax. Below is a list of some SCSS variable you can use:

  • $cortana-primary-color: get primary color value (in section Color of Theme Options).
  • $cortana-secondary-color: get secondary color value.
  • $cortana-text-color: get text color value.
  • $cortana-meta-text-color: get meta text color value.
  • $cortana-border-color: get border color value.
  • $cortana-primary-font: get primary font value (in section Typography of Theme Options).
  • $cortana-secondary-font: get secondary font value.
  • $cortana-third-font: get third font value.

Note 2: your CSS code you have added to there only affect any pages that use the current preset. For example. if you add your CSS code to preset Default Preset and homepage 11 use preset HP 11 Preset, the code will not apply to homepage 11.

3) Use Floral child theme and add custom CSS to style.css of the child theme

Note: As I have mentioned in this post: http://docs.9wpthemes.com/document/install-demo-content-3/ , you have to active child theme before importing theme demo.  If you import the demo first, please don’t active child theme (this case you have to do either method 1 or method 2 above to add your CSS), or you have to: use plugin WordPress Database Reset to reset your database, active the child theme, then import the demo.

To add your CSS to the child theme, you can see below:

 

Back To Top

Speed up your site!

Here is some common step to make wordpress become faster:

  1. Optimize image with plugin EWWW Image Optimizer
  2. Enable cache , minify JS, CSS, HTML with plugin W3 Total Cache(powerful but need knowledge to use) or WP Super Cache(simple and normal effective).
  3. Enable client cache with this post
  4. Combine JS, CSS with W3 Total Cacheor Better WordPress Minify.
  5. Use CDN like https://www.cloudflare.com/(free with basic feature) or https://www.maxcdn.com/.

Note:

  • Should do optimize after configuring and build most basic content.
  • Be careful with optimize JS, It can cause problem
  • 4,5 really improve load time, GTmatrix result but not improve google page speed point.
  • Your page speed can not get exactly like our page because hosting another thing but you will see you page load really faster after optimize.

Back To Top