Coality WordPress Theme Documentation




Coality Free WordPress Theme for Desktop, tablet, mobile phone. 100% Responsive Multi Purpose and Multi Pages Theme. Coality is Created with Twitter Bootstrap 3.3.2 Framework. Coality is a great design idea for website of Business, Corporate, Company Profile, Personal Portfolio, and more …

List of Contents

  1. Recommended Plugins and One Click Demo Importer
  2. Home Page Setup
    1. Set Home Page
    2. TopBar Settings : Social & TopBar Menu
    3. Header Option
    4. Navigation Options
    5. Site Title, Logo and Favicon
    6. Home Page Hero Image or Slider
    7. Home Services
    8. Extra Section
    9. Home Post/Blog
    10. Callout Option
    11. Footer Widget & Copyright Settings
  3. General Settings
    1. Global Settings
    2. Page Option
    3. Post Option
  4. Frequently asked questions (FAQ)
    1. How to create child theme of Coality theme?
    2. Re-Order Posts and Custom Post Types Contents?
    3. Show woocommerce product on home page?

Coality Lite have many features few are as follows:

  • Free responsive theme for Business, Corporate, Company Profile, Personal Portfolio, and more …
  • Fully Customizer Based.
  • News/Blog Showcase on Homepage.
  • Clean and Validated Coded.
  • Localization Ready.
  • Sticky Posts Available.
  • Custom Front Page.
  • Multilingual Based.
  • Footer & Sidebar Widgets Area.
  • Woocommerce page side widget area.
  • Custom Menu.
  • Cross-Browsers Compatibility.
  • Translation and WMPL Ready.
  • Woocommerce Support.
  • Extra Content Section on Home Page.
  • Popular Social Icons Integration.
  • Coded with HTML5 and CSS3.
  • Standard Pages like 404, Blog, Search, Fluid  etc. Available.
  • Comment Nesting up-to 7-8 Levels.
  • Post Thumbnails.
  • SEO Ready.
  • One Click Demo Uploader
  • Font Awesome Icons.
  • Supports Featured Images.

Goto Top

1. Recommended Plugins and Demo Importer:

Go to Admin Dashboard >> Appearance >> Elixar Theme

By click Elixar Theme, “Welcome Page” is display. On this page click to “Recommended Actions” tab. Here you will see all Recommended plugins. Install and Activate all plugins.

Demo Importer Method First

After activate demo importer plugin Go to Admin Dashboard >> Appearance >> Elixar Import Demo Data.

Here you need to click ‘Import Demo Data’ Button and wait until demo importer not completed.

Note: If you see any Warning Message of “Failed to import” than you have to click import demo button again to import data successfully. After importing data successfully you will see below message.

Demo importer completed message

Demo Importer Method Second

You can also import demo data manually for this first you need to download dummy data files. Download package is zipped so you need to extract it . Inside the extracted folder you will get three file that’s you need to upload.

Go to Admin Dashboard >> Appearance >> Elixar Theme

On this page you need to upload all dummy files and click to ‘Import Demo Data‘ button.

After click Import Demo Data wait until demo importer not completed. After process is completed check your site.

Goto Top

2. Home Page Setup:

2.1. Set Home Page:

Go to Admin Dashboard >> Pages >> Add New.

Set page title as “Home”.  In page Attributes section and Select Template as “Home” from page.

Now go to Admin Dashboard >> Settings >> Reading.

Set Front page displays option to  A static page. In front page drop down select page “Home” as home page and save changes.

Goto Top

2.2. TopBar Settings: Social & Topbar Menu :

Go to Admin Dashboard >> Appearance >> Customize >> General settings >> Top Bar Options.

Here you need to enable TapBar and TapBar Menu.

You can also set TapBar Background Color and Text Color from their.

After that you need to create topbar menu. for this

Go to Admin Dashboard >> Appearance >> Menu.

And assign desired pages in it and select the “Display Location” Top Menu

Click to ‘Save’ button.

To enable topbar “Social Icons” Go to Admin Dashboard >> Appearance >> Customize  >>General settings >> Social Options >> Enable Top Bar Social?.

Now assign social icons links into their fields.

Like : Facebook URL : https://www.facebook.com

Click to publish button.

Goto Top

2.3. Header Contact Info :

Now go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Header Options >> Enable Header Contact?.

For header contact info your must have to confirmed that Enable Header Contact? is checked.

Here you can set phone number, email address and company/own address.

If you are using a Woo-Commerce site you can enable shopping cart box from header.

For this go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Header Options >> Enable Shopping Cart?.

You can set header background image or color, Site Title Color, Site Tagline Color, Header Link Color, Header Link Hover Color, Header Text Color etc.

See contact Option Admin View:

Goto Top

2.4. Navigation Option:

You can set fixed header, Search Box, Menu bar position, Menu bar padding, Menu bar background color, menu text color, menu text color on hover etc.

For this go to Admin Dashboard >> Appearance >> Customize >> General Settings >> Navigation Options.

Navigation Option Admin View:

Goto Top

2.5. Site Title, Logo and Favicon:

To set Site logo, Logo Layout(Position), Site Title, Tagline and Favicon icon(site icon), go to Admin Dashboard >> Customize >> General Settings >> Site Logo/Title/Tagline

Minimum Uploading Logo Size is 150*75px.

Site Identity Admin View:

Goto Top

2.6. Home Page Hero Image:

(I)  Hero Content:

For this create a page first like : WE ARE RESPONSIVE

and set featured image and description content here.

Featured image work as hero image, Page title work as hero title and page content work as hero description.

Now Go to Admin Dashboard >> Appearance >> Customize >> Section: Hero >> Hero Content.

Now select a “WE ARE RESPONSIVE” page from “Select a page” drop-down field.

here you can change hero title background color, text color and set two button with many variants etc.

Hero Content Admin View:

(II)  Hero Settings:

Go to Admin Dashboard >> Appearance >> Customize >> Section: Hero >> Hero Settings

Here you can enable hero section, set Section ID (The section id, we can use this for link anchor), and you can set hero section Padding Top & Bottom

Hero Default Settings Admin View:

Goto Top

2.7. Home Services:

Go to Admin Dashboard >> Appearance >> Customize >> Section: Services.

(I)  Services Settings:

Go to Admin Dashboard >> Appearance >> Customize >> Section: Services>> Section Settings.

Here you can enable service section, set Section ID (The section id, we can use this for link anchor), Section Title, Section Description & Services Layout Setting.

Service Default Settings Admin View:

(II)  Service Content Settings:

To add service on home page you need to create page and you need to give page title and content.

Page title work as service title, page content work as service description and featured image as a full image.

Now you just need to select pages that you want to show as services

Go to Admin Dashboard >> Appearance >> Customize >> Section: Services >> Section Content.

Click  “Add an item” button.

Service Drop-down will show you.

Here you can select icon type,

if you select the icon then click on icon button, icon list will open and select icon which you want to use as a service icon.

and if you select a “Icon Type” image, then upload button will show you and upload the custom image icon as a service icon.

Now select page from “Select a page” field.

For more services click on “Add an item” button. here you can add upto 4 services in elixar lite theme.

You can adjust service icon size with “Icon Size” drop-down field.

Service Content Admin View:

Goto Top

2.8. Extra Section:

You can use this option to show any of your content.

For this first you need to create a page. After that

Go to Admin Dashboard >> Appearance >> Customize >> Section: Extra

(I) Section Settings:

Here you can Enable/disable extra section, set section id, give title and description for section.

(II) Section Content:

Here you need to select a page that you created for Extra Section.

 Admin View:

Goto Top

2.9. Home Post/Blog:

Go to Admin Dashboard >> Post >> Add New.

Here you can Enter your Post Title, Post Content, Feature Image.

Minimum uploading size for Blog image :-

  1. Full width – 1090*515 px.
  2.  With sidebar – 805*350 px.

You can enable blog section, section id, title and description, number of post, order by, order, read more button etc using customize.

Go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Home Blog.

Blog Home Admin View:

Blog Single Page View :-

Goto Top

2.10. CallToAction Option:

You can customize CallToAction section using customize.

But first you need to create a page, like : Need Help?

Now go to Admin Dashboard >> Appearance >> Customize >> Home Sections >> Call To Action.

From CallToAction Settings you can enable/disable CallToAction section and can set its id.

Form CallToAction Content you can set page for CallToAction and allow button and icon on it.

Call To Action Admin View:

Goto Top

2.11. Footer Widget & Copyright Settings:

You can add footer widget by go to Admin Dashboard >> Appearance >> Widgets

Now you have to drag and drop widget from Available Widgets to Footer Widget Area.

Now go to Admin Dashboard >> Appearance >> Customize >> General Settings  >> Footer Option.

Here you can enable footer ribbon, footer layout (4 column, 3 column, 2 column), background color, text color, widget title color, link color, link hover color etc.

You can change Copyright Text option by go to:-

Admin Dashboard >> Appearance >> Customize >> General Settings  >> Footer Copyright Text.

Form here you can enable/disable the section, add description and check background, text and link color.

Footer Copyright Text:- 

Goto Top


3. General Settings

3.1. Global Settings:

You can set Global Settings by go to Admin Dashboard >> Appearance >> Customize >> General Sections >> Global Settings.

Here you can find the option of Show footer back to top, Enable Animation, Change Site Direction, Enqueue Minified Assets (Js and CSS).

  1. Show footer back to top : Check this option enable footer back to top button.
  2. Enable Animation : Check this option enable animation effect on custom Home page
  3. Change Site Direction : Check this option enable site direction from ltr to rtl.
  4. Enqueue Minified Assets(Js and CSS) : Check this option to enque minified assets like JS & CSS in your theme.

3.2. Page Options:

You can set Page Option by go to Admin Dashboard >> Appearance >> Customize >> General Sections >> Page option.

These are the common settings for default page templates. And if you want to add different settings on each page you can do that by edit the particular page.

Note :- To enable the settings in page, first you need to activate Meta Box plugin by go to Admin Dashboard >> Appearance >> Elixar Theme >> Recommended Actions. If you already activate the plugin you won’t find the option there.

  1. Page Layout : Using this option you can set page layout as right sidebar left sidebar or no sidebar (full width) for default page template.
  2. Enable Page Title bar : Use the option to enable the page title bar on all pages.
  3. Page Title Type : Using the option you can choose Title Bar With Breadcrumbs or Only Title bar.
  4. Padding Top : As the name suggested this is top padding for the title bar sections.
  5. Padding Bottom : Think this option as bottom padding for the title bar sections.
  6. Background image : Add background image for Title Bar.
  7. Background Overlay Color : This is the overlay color for title bar background image.
  8. Text Color : Use this option to change color of  title and breadcrumbs .
  9. Select Page Section : This is the main feature of elixar theme. Select the home page section that you want to show on default page template. This option is multiple select dropdown so you can select multiple home page section.
  10. Home Page Section Position :  You can positioning the above selected option show on top and bottom of the page.

3.3. Post Options:

These options are apply on blog template layout.

You can customize these options by go to Admin Dashboard >> Appearance >> Customize >> General Sections >> Post Options.

  1. Blog Template Layout : You can set Blog Template Layout to Right Sidebar, Left Sidebar or Full Width by using this option.
  2. Post Layout : This option apply on single post view. You can set single post layout with Right Sidebar, Left Sidebar or Full Width by using this option.
  3. Related Post Title : As the name suggested this option is used to set title for related posts.
  4. Enable Single Post Thumbnail : Check this option to enable post thumbnail on single post.
  5. Enable Single Post Meta : Check this option to enable single post meta such as post date, author, category, comment etc.
  6. Enable Single Post Title : Check this option to enable title on single post.

Goto Top


FAQ


1. Any way to Re-Order Posts and Custom Post Types Contents?

You can reorder the posts and any custom post types by using Post Type Order plugin.

You can download it freely from wordpress.org

Goto Top


2. Show woocommerce product on home page?

You need to install woocommerce plugin in order to show your eCommerce product on page.

Please visit the link to find out available Shortcodes included with WooCommerce.

Create a page and put woocommerce shortcode in page content area.

You can also use Extra Section to show your products on Home Page.

Goto Top


IMPORTANT: If you found a bug in Coality theme or have any problem/question concerning the Theme, please post your query into WordPress Support Forum here in our Forum. If you do not find a solution here, do not hesitate to contact us at webhuntinfotech (at) gmail (dot) com.

Thanks For Reading This Document.

WebHunt Infotech


Share this post:


Leave a Reply

Your email address will not be published. Required fields are marked *