Nozama Lite

Theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes.

Click the Add New button on the top of the page.

add_new

In the next screen type the theme’s name in the search box

When the search results appear, hover over the theme and click Install

Once the installation finishes click activate and the theme is ready to use.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Image Sizes

The minimum recommended image sizes for Nozama are:

  • Post thumbnail: 960x540px
  • Item thumbnail: 630x355px
  • Media Item thumbnail: 520x520px
  • Media Small Item thumbnail: 90x90px
  • Full Width single image: 1290x750px
  • Hero Image: 1920x300px
  • Large Item block: 910x510px
  • Long Item block: 1920x215px
  • Medium Item block: 630x3450px
  • Xtra Large Item block: 1290x725px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. It is recommended to install and activate them before importing your sample content.

  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • MaxSlider : Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • One Click Import : Use this plugin to help you import your content with just one click.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Adding a new post

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post,
  5. once finished click the Publish button to publish the post.

new_post

Creating a page for your posts

To setup your blog page you can go to Pages > Add New and create a page named Blog. Then navigate to Settings > Reading and set that page as your posts page.

settings_reading

Now you can add that page to your menu to give your visitors easy access to all your posts.

Adding Products

Earlier we saw how we can install WooCommerce. Let’s take a brief look at creating products. Start by going to Products > Add Product.

new_product

  1. First we need to fill in the product title,
  2. next we will add the product’s description,
  3. click Set Product Image to add the product’s featured image and Add product gallery images to upload additional photos for the product,
  4. add categories and tags to your product to make filtering easier,
  5. in the Product Data metabox you will fill all the required product info, such as price, inventory, tax and shipping information and more,
  6. in the Product Appearance metabox you can disable the zoom on product thumbnails and add a video to the product’s gallery if you have one,
  7. fill in a short product description and finally
  8. Publish the product.

This is a brief overview of adding products to your site, the product post type is a complex one, if you haven’t worked with it before please consider reading the official documentation on how to add and manage products here.

Setup the shop page

Once you install and activate WooCommerce all the default pages will be created, including the shop listing page. To make sure this was properly configured go to WooCommerce > Settings > Products > Display and check if the Shop page is selected in the Shop Page drop down.

wp_shop_page
If the drop down is empty, locate the Shop page and select it.  If you can’t find a page named Shop, just go to Pages > Add New create one and then set it as your shop page. Add this page to your menu to give your visitors access to the product listing.

Theme Pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Front Page Page

First  create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Front page template page under the WordPress text Editor you have a Front page Options section.

Front page Options

Here, you  can select a MaxSlider Slideshow to appear instead of a hero image or choose to not have a slideshow at all.

Setting Up the Frontpage

If you want to setup the frontpage you will need to assign the page with the frontpage template as your homepage from SettingsReading. Then head over to AppearanceCustomizeWidgetsFrontpage and Add six widgets  like this:

Blog

this will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now. You cannot control the background image from the Layout Section of this page since it is registered by WordPress.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Template

In this page you can add any content you wish as you would do in a normal page. The default template gives you the option to select a 

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into two sections.

In the Header style section  you can set the layout style your wish your header to have.

  1. Make the header full width.
  2. Enable AJAX Search Form.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

  1. Change the Vertical Padding.
  2. Change the menu size.
  3. Enable/Disable the sticky menu bar.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

In Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default archive pages like category, tag and date archive pages.

  1. Show Or Hide the sidebar in your blog page.
  2. Change the Excerpt.
  3. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the header, hero section, sidebars and the footer.Here you can add a generic Hero Image from AppearanceColorsHero or hide the hero section.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404.

Here you can modify the credits text and your Footer Column Layout.

In the Footer Style section you can:

  1. Change the number of Columns in your footer.
  2. Make the footer Full Width.

  1. Show the bottom bar.
  2. Add a credits text.
  3. Add generic icons for Payment or brands from https://fontawesome.com/icons?d=gallery&s=brands&c=payments-shopping

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

WooCommerce

In this tab you can change the number of products on shop listing page and control your WooCommerce Settings.

Under the Product Catalog section you can;

  1. Choose what you want to render in the main shop page.
  2. Choose what you want to display in the category pages
  3. Change the default product sort
  4. Change  products per row
  5. Select how many rows of products you need per page
  6. Change the sidebar location
  7. Show or hide, categories, start ratings or hero sections in category/tag listings.

You can change also your Single Product layout from the Single Product Section. Here you can control if you need to have a sidebar or not in your products.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight widgetized areas to provide you maximum flexibility when displaying your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you. Here you can also set the Blog page to be your default posts page.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under AppearanceCustomize Widgets or AppearanceWidgets

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme (home)-Latest Products

Here you can display your latest products either from a category or not.

  1. Add a title
  2. Add a subtitle
  3. Select if you wish a specific category you want to retrieve your latest products
  4. Select the number of products
  5. Select the output columns

Theme-Latest Posts

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Add a subtitle.
  3. Select the category your need to display the latests posts from.
  4. Show random posts instead.
  5. Change the post number.
  6. Adjust the number of columns for your content.
  7. Show carousel like widget with your posts.

Theme (home)-Woocommerce Categories

This widget will display various layout of selected categories.

  1. Add a title
  2. Add a subtitle
  3. Select the proper layout for your products
  4. Add categories as Layout items

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Customize Widgets

In some theme widgets, you can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

Nozama

Theme installation

The easiest way to install the theme is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.

In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.

TIP: More info on how to download and install a theme here.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Image Sizes

The minimum recommended image sizes for Nozama are:

  • Post thumbnail: 960x540px
  • Item thumbnail: 630x355px
  • Media Item thumbnail: 520x520px
  • Media Small Item thumbnail: 90x90px
  • Full Width single image: 1290x750px
  • Hero Image: 1920x300px
  • Large Item block: 910x510px
  • Long Item block: 1920x215px
  • Medium Item block: 630x3450px
  • Xtra Large Item block: 1290x725px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. It is recommended to install and activate them before importing your sample content.

  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • MaxSlider : Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • One Click Import : Use this plugin to help you import your content with just one click.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Adding a new post

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post,
  5. once finished click the Publish button to publish the post.

new_post

Creating a page for your posts

To setup your blog page you can go to Pages > Add New and create a page named Blog. Then navigate to Settings > Reading and set that page as your posts page.

settings_reading

Now you can add that page to your menu to give your visitors easy access to all your posts.

Adding Products

Earlier we saw how we can install WooCommerce. Let’s take a brief look at creating products. Start by going to Products > Add Product.

new_product

  1. First we need to fill in the product title,
  2. next we will add the product’s description,
  3. click Set Product Image to add the product’s featured image and Add product gallery images to upload additional photos for the product,
  4. add categories and tags to your product to make filtering easier,
  5. in the Product Data metabox you will fill all the required product info, such as price, inventory, tax and shipping information and more,
  6. in the Product Appearance metabox you can disable the zoom on product thumbnails and add a video to the product’s gallery if you have one,
  7. fill in a short product description and finally
  8. Publish the product.

This is a brief overview of adding products to your site, the product post type is a complex one, if you haven’t worked with it before please consider reading the official documentation on how to add and manage products here.

Setup the shop page

Once you install and activate WooCommerce all the default pages will be created, including the shop listing page. To make sure this was properly configured go to WooCommerce > Settings > Products > Display and check if the Shop page is selected in the Shop Page drop down.

wp_shop_page
If the drop down is empty, locate the Shop page and select it.  If you can’t find a page named Shop, just go to Pages > Add New create one and then set it as your shop page. Add this page to your menu to give your visitors access to the product listing.

Theme Pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Front Page Page

First  create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Front page template page under the WordPress text Editor you have a Front page Options section.

Hero Section

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image:

  1. Show or not the hero section
  2. Change the hero title alignment.
  3. Hide the Page title.
  4. Add a background image and change its position  and screen coverage.

Front page Options

Here, you can add a call-out  button in your front page hero section, also In the Slider Tab you can select a MaxSlider Slideshow to appear instead of a hero image or choose to not have a slideshow at all.

Setting Up the Frontpage

If you want to setup the frontpage you will need to assign the page with the frontpage template as your homepage from SettingsReading. Then head over to AppearanceCustomizeWidgetsFrontpage and Add six widgets  like this:

Blog

this will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now. You cannot control the background image from the Layout Section of this page since it is registered by WordPress.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Template

In this page you can add any content you wish as you would do in a normal page. The default template gives you the option to select a 

Page builder and Page Builder Contained template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily. The main difference between them is that the Page Builder Contained template restricts the builder width to the theme’s default container width.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into two sections.

In the Header style section  you can set the layout style your wish your header to have.

  1. Make the header full width.
  2. Enable AJAX Search Form.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

  1. Change the Vertical Padding.
  2. Change the menu size.
  3. Enable/Disable the sticky menu bar.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

In Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default archive pages like category, tag and date archive pages.

  1. Show Or Hide the sidebar in your blog page.
  2. Change the Excerpt.
  3. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the header, hero section, sidebars and the footer.Here you can add a generic Hero Image from AppearanceColorsHero or hide the hero section.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404.

Here you can modify the credits text and your Footer Column Layout.

In the Footer Style section you can:

  1. Change the number of Columns in your footer.
  2. Make the footer Full Width.

  1. Show the bottom bar.
  2. Add a credits text.
  3. Add generic icons for Payment or brands from https://fontawesome.com/icons?d=gallery&s=brands&c=payments-shopping

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

WooCommerce

In this tab you can change the number of products on shop listing page and control your WooCommerce Settings.

Under the Product Catalog section you can;

  1. Choose what you want to render in the main shop page.
  2. Choose what you want to display in the category pages
  3. Change the default product sort
  4. Change  products per row
  5. Select how many rows of products you need per page
  6. Change the sidebar location
  7. Show or hide, categories, start ratings or hero sections in category/tag listings.

You can change also your Single Product layout from the Single Product Section. Here you can control if you need to have a sidebar or not in your products.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight widgetized areas to provide you maximum flexibility when displaying your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you. Here you can also set the Blog page to be your default posts page.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under AppearanceCustomize Widgets or AppearanceWidgets

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme (home)-Latest Products

Here you can display your latest products either from a category or not.

  1. Add a title
  2. Add a subtitle
  3. Select if you wish a specific category you want to retrieve your latest products
  4. Select the number of products
  5. Select the output columns

Theme (home)-Latest Posts

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Add a subtitle.
  3. Select the category your need to display the latests posts from.
  4. Show random posts instead.
  5. Change the post number.
  6. Adjust the number of columns for your content.
  7. Show carousel like widget with your posts.

Theme (home)-Woocommerce Categories

This widget will display various layout of selected categories.

  1. Add a title
  2. Add a subtitle
  3. Select the proper layout for your products
  4. Add categories as Layout items

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Customize Widgets

In some theme widgets, you can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

Elementor Widgets

Nozama comes with custom Elementor widgets which have the same functionality as the its widgets, making landing pages easier to create.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Vidiho Pro

About Vidiho Pro

Vidiho Pro is a video theme for WordPress. It is suited for video professionals and bloggers.

Image Sizes

The recommended image sizes are:

Post Thumbnail: 750x500px
Media Item:  555x400px
Media Item Tall:  555px in width and unlimited in height
Video Item Media: 555x950px (It is recommended to set as featured an image at least 750×950,or 1140×950 if it’s going to be on the slider)
Video Item small: 100x100px
Fullwidth image: 1140x650px
Hero Image: 1920x500px
Featured gallery small: 100x100px

 Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Vidiho Pro Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Demo Import  Use this plugin to help you import your content with just one click.
  • Elementor  A free page builder that delivers high-end page designs and advanced capabilities.
  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • Contact Form 7 use this plugin to create a contact form, then copy the shortcode it gives you and paste it in a page which will serve as your contact page.

Importing Sample Content using One Click Demo Import

To automate the process of importing and for a better experience we have natively included support for One Click Demo Import Plugin. Let’s install it first:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Adding a Video Item

Getting familiar with the Video Screen

Head over to VideosAdd New. Then you should see this screen

Here you can start adding content for your video:

  1. Add a title for your Video.
  2. Add your Video Content.
  3. Add Some Content for the Hero Section.
  4. Enable the comment/discussion section.
  5. Add a Video Category.
  6. Select the Featured image for your item.
  7. Change the Sidebar appearance.
  8. Publish your package.

Adding Video Details

Here you can add the video itself along with its thumbnail and also set the post’s layout.

  1. Add your video URL. Using minified Youtube or Vimeo URL is not recommended
  2. Select the video thumbnail, if not a default will be selected.
  3. Change the Video page Layout.

Controlling the Video Hero Section

In this tab you can optionally modify the hero color/image and the title’s alignment.

  1. Select your Title Alignment.
  2. Select a Hero image
  3. Change the image position and whether you need to cover its container.

Adding the video to the homepage slider

Enable this option if you want the Video item you are editing to appear in the frontpage slider.

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Widgets

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets > Front Page  or Appearance > Widgets   and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Frontpage template Hero Section

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Widgets on the theme’s demo widgetized frontpage

The frontpage on the theme’s demo consists of two Latest Video widgets along with a Latest Posts and a Latest video again widget. Finally we have a dummy Newsletter widget.

Frontpage Elementor

Elementor is a free versatile page builder which Vidiho Pro supports natively and you can use it against the Frontpage Elementor page template.
Vidiho Pro comes with four custom Elementor widgets which have the same functionality as the Vidiho Pro widgets.

Video Listing

Create a new page and select the Video Listing Template. A new section will appear where you can create video listings depending on the video category. So under the Video Listing Options you can:

  1. Select the video category.
  2. Change the loading Effect of the grid.
  3. Use spaces or not between your video items.
  4. Change the columns for your video grid
  5. Add a category filter, this will display all items at once, ignoring any other settings.
  6.  Select how many video items you need to show each time.

Blog

This will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

n this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

by checking the “Hide when viewing this post’s page” option in your Featured image box.

Hero Section

The Hero Section is a generic options box you can find in All pages and will help your control the Hero Section for each page.

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into two sections.

In the Header style section  you can set the logo layout you wish your header to have and make it full width.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable or disable the slider.
  3. Enable Masonry effect in case you have articles with different content and featured image height.
  4. Select the article excerpt length.
  5. Select a pagination method.

Video Settings

Through this tab you toggle the theme’s Floating Video feature and the appearance of the featured image in video post types.

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Here you can add a generic Hero Image or Video from AppearanceColorsHero, and change the footer background image/color  from AppearanceColorsFooter

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404 as well as for your related items in single Portfolio.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

You can change the Footer style under Customize > Footer >Footer Style by

  1.  Changing the column layout
  2. Using a Full width footer

In addition you can under  Customize > Footer > Bottom Bar

  1. Show the bottom bar.
  2. Change the credits text.
  3. Show social icons in footer.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

HomePage Settings

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you. Here you can also control the slider settings, slide the transition time and effect. Also you can disable or not the frontpage slider.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance  Customize Widgets or Appearance Widgets

Theme – Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme – Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme (home) – Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme – Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme (home) – Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Center the title.
  5. Show as Carousel.
  6. Add the Item you wish to output.
  7. Select the Item from the dropdown menu.
  8. Remove the item.

Theme (home) – Latest Videos

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the category want to get the latest videos.
  4. Check if you need random videos instead of latest.
  5. Add the number of posts.
  6. Select the output columns.
  7. Center the widget title.
  8. Show Items in a carousel.

Theme – Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme (home) – Latest Posts

This will allow you to display a Hero Callout specially designed for your frontpage sidebar.

  1. Add a title.
  2. Add a subtitle.
  3. Select the category want to get the latest posts.
  4. Check if you need random posts instead of latest.
  5. Add the number of posts.
  6. Select the output columns.
  7. Center the widget title.
  8. Show Items in a carousel.

Customize Widgets

In some themes widgets, You can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using the page builder of your choice, once done publish it and check it out.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Cousteau Pro

About Cousteau Pro

Cousteau is a travel theme for WordPress. It is suited for travel agents and related professionals.

Image Sizes

The recommended image sizes are:

Post Thumbnail: 816x500px
Media Item:  555x380px
Media Item Tour:  555x790px
Media Item Media: 555x555px
Media Fullwidth: 1240x555px
Hero image: 1920x500px
Slide: 1920x850px

 Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Cousteau Pro Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Import  Use this plugin to help you import your content with just one click.
  • MaxSlider  Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • Elementor  A free page builder that delivers high-end page designs and advanced capabilities.
  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • Contact Form 7 use this plugin to create a contact form, then copy the shortcode it gives you and paste it in a page which will serve as your contact page.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Making a Tour Package

Getting familiar with the Package Screen

Head over to PackagesAdd New. Then you should see this screen

Here you can start adding content for your package:

  1. Add a title for your Package.
  2. Add your Package Content.
  3. Add or Select a Destination for your Package. Check here on how to add a new Destination.
  4. Add or Select a Package Categories.
  5. Select the Featured image for your item.
  6. Add Some Content for the Package Hero Section
  7. Add More information for your Item.
  8. Enable the comment/discussion section.
  9. Publish you package.

Adding Package Details

Lets have a quick look on our Package Details section. In the Price tab you can

  1. Select if the Package is an offer
  2. Change the price (number)
  3. Select a price text. Notice that :price: tag will be replaced by the actual price

Under the Duration Tab you can

  1. Select the Duration of the Tour
  2. Some informational text on the duration

Controlling the Package Hero Section

The hero section will be the same everywhere in Cousteau Pro and in general  this the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Creating a scrolling section of contents

As you will notice in our demo, there is a scrolling contents section that will help your visitor navigate though your Tour highlights.

You can easily replicate this by controlling in which heading you visitor can navigate. When adding a header (H1, H2, H3, H4, H5, H6) switch to Text mode and add anchor-title as a custom class  to that header like this

<h2 class="anchor-title">Itinerary</h2>

Now, the Itinerary header will serve as an anchor point for the floating bar. Repeat this for as many headers as you wish.

Add an elevated Contact Form in Packages

You can add a custom Contact Form for your packages sidebar. If you need the same elevated effect like the one in our demo you will need to create a custom HTML widget and add before any other under AppearanceCustomizeWidgetsPackages. The catch is to include a custom DIV with a class that will allow the Contact Form to render like needed. The HTML must have this structure

<div class="theme-form content-elevated">
	
[contact-form-7 id="XX" title="Contact form X"]

</div>

Where you can change X to your Contact Form 7 ID and the title to your preference.

Adding Destinations

Creating Destinations is Crucial to organize your tours and content. You can add your destination from PackagesDestinations.

After selecting your Destination name, description and slug, you can select some extra information to alter the behaviour and appearance of your Destination

  1. You can select a page which the Destination will take its default content. The featured image of this page will serve as the main image of the Destination,
  2. Here you can control the appearance of the Destination’s Hero section.

Destination Widget Areas

Your Destination archive have two specially reserved sidebars from AppearanceCustomizeDestination Listing (next to the package listings) and AppearanceCustomizeDestination Content (next to the destination content)  in which you can add any widget you need including the Theme-Contact Widget from our demo

Adding Package Categories

From PackagesCategories you can create new categories for your Packages/Tours

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Hero Section

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

In the Frontpage Options section  you can select a MaxSlider Slideshow to appear instead of a hero image or choose not to have a slideshow at all. MaxSlider is a versatile plugin with many options for you to explore. Have a look at the plugins documentation here first on how to use it.

If you choose not to have a slider you can add some custom meta data:

  1. Add custom meta fields the will appear before your hero title/subtitle.
  2. Add button with a custom text and link for your hero section.

Search Packages

This is the default page that will display all your Packages / Tours when searching from all theme’s search modules.

Blog

This will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

by checking the “Hide when viewing this post’s page” option in your Featured image box.

Hero Section

The Hero Section is a generic options box you can find in All pages and will help your control the Hero Section for each page.

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into three sections.

In the Header style section  you can set the logo layout you wish your header to have and make it full width.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Tours & Destinations

Through this tab you can control the Tours Search and Destination pages options

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Here you can add a generic Hero Image or Video from AppearanceColorsHero, but change the footer background image/color  from AppearanceColorsFooter

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404 as well as for your related items in single Portfolio.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance  Customize Widgets or Appearance Widgets

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Theme(home)-Latest Post Type

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the post type you want to get the latest items.
  4. Check if you need random posts instead.
  5. Add the number of posts.
  6. Select the output columns.

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme (home)-Hero Callout

This will allow you to display a Hero Callout specially designed for your frontpage sidebar.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a price and duration for your package.
  4. Select a Button text and a URL and change the text alignment.

Theme (Home)-Destinations

  1. Add a Title for your Destinations widget.
  2. Add a Subtitle for your Destinations widget.
  3.  Select the columns for your Destinations.
  4. Add a new item.
  5. Select the Destination you want from the dropdown.

Theme (Home)-Destination

  1. Add a Title for your Destination widget.
  2. Add a Subtitle for your Destination widget.
  3. Select the Destination you want from the dropdown.
  4. Change the excerpt length (in words) for the selected item.

Customize Widgets

In some themes widgets, You can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using the page builder of your choice, once done publish it and check it out.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Kea

About

Kea is premium Hotel theme

WordPress theme installation

The easiest way to install the theme is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.
In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.
TIP: A more visual guide can be found here.

Image Sizes

The recommended image sizes are:

Post Thumbnail: 850x567px
Media Item:  555x400px
Media Item Tall:  555px in width and unlimited in height
Media Item small: 80x80px
Brand Logo: 80 in height and unlimited in width
Full width: 1140x650px
Hero image: 1920x500px
Slide: 1920x850px

 Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Kea Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Import  Use this plugin to help you import your content with just one click.
  • MaxSlider  Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • Elementor  A free page builder that delivers high-end page designs and advanced capabilities.
  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars. This plugin is mandatory if you wish to display your Instagram images.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Importing sample content

To get the sample content file you can click the link in the notice that will appear on your dashboard immediately after activating the theme.

download_sample

Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), asking the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content. You can also find your sample content files under Appearance > Customize > Other

Importing widgets

You can also import the widgets you see on the theme’s demo. To do that, you need the Widget Importer & Exporter plugin. To install it go to Plugins > Add new search for Widget Importer exporter and install the plugin. Activate it and go to Tools > Widget Importer & Exporter click choose file and upload the lense_widgets.wie file which is located in the sample content zip file, click Import widgets and you are good to go.
WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Hero Section

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

In the Frontpage Options  you can also select a MaxSlider Slideshow to appear instead of a hero image or choose not to have a slideshow at all.

MaxSlider is a versatile plugin with many options for you to explore. Have a look at the plugins documentation here first on how to use it.

Blog

This will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

by checking the “Hide when viewing this post’s page” option in your Featured image box.

Header Options

The Hero Section is a generic options box you can find in All pages and will allow to to control where you need your header to appear.

Hero Section

The Hero Section is a generic options box you can find in All pages and will help your control the Hero Section for each page.

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Room and Testimonial listing pages

In order to display your custom post types you will need to create a listing page for each one. Go to Pages > Add New  and create a new page selecting some its page attributes the Listing Template you need to Apply. Below you will find more information for each template.

Room Listing Template

Here you can list all your Rooms from a selected category or not. Let check all the Case Studies options:

  1. Select a Base Category or leave blank if you wish all your Rooms to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Testimonials Listing Template

Here you can list all your Testimonials.

  1. Select a loading Effect for your grid
  2. Select the spacing for your items
  3. Select the number of Columns
  4. Select how many items you need to render

Page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Setting up your theme

In this section we are going to have a closer look in Kea’s unique features like Portfolio, Services, Case Studies, Team Members, Jobs, Events, Testimonial Items.

Adding Room Items

To add new Service item go to Room> Add new and fill in the title, content and featured image. In the Custom Excerpt metabox you can control the content after the title in the single Room and in its listings.

In the Room information section  you can:

  1. Add a Room price (text).
  2. Add a special offer text.
  3. Show or hide the price in the Room.

You can also add your Room amenities which you can render them anywhere inside your content using the [amenities] shortcode

 

  1. Add a title for your Amenities
  2. Create a new field
  3. Add an Icon and a description text.

Finally in the Slider tab you can add some images for your Room Slider.

To add new Testimonial item go to Testimonial> Add new and fill in the title, content and a featured image.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into three sections.

In the Header style section  you can set the logo layout you wish your header to have and make it full width.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404 as well as for your related items in single Portfolio.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance > Customize > Widgets or Appearance > Widgets

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Theme(home)-Latest Post Type

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the post type you want to get the latest items.
  4. Check if you need random posts instead.
  5. Add the number of posts.
  6. Select the output columns.

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme (home)-Hero Callout

This will allow you to display a Hero Callout specially designed for your frontpage sidebar.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a Button text and a URL.
  4. Change the text alignment.

Theme-Buttons

This widget will help you render a list of buttons.

  1. Select the Widget Title.
  2. Add a new button.
  3. Add the button Properties, like title,subtitle, icon and link.
  4. Remove the button.

Theme(home)-Brands

Show a list of brands in your frontpage sidebar.

  1. Add a title and a subtitle for your widget
  2. Add a new brand item.
  3. Select your brand logo.
  4. Select a URL that your brand logo will target.
  5. Remove the brand item

Theme-Hero Callout

This will allow you to display a Hero Callout in all your sidebars.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a Button text and a URL.
  4. Change the text alignment.

Customize Widgets

In some themes widgets, You can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

Shortcodes

Shortcodes in WordPress are small  code like functions that allow you to do various things with little effort. The main reason to use them is to execute code inside WordPress posts, pages, and widgets without writing any code directly. They can be used in Elementor’s (or any other page builder) shortcode module.

Kea theme has many shortcodes you can use with various attributes:

[latest-post-type]

and

[amenities columns="4"]

You can display you amenities in columns

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Listee

Theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.

In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.

TIP: More info on how to download and install a theme here.

WP Job Manager installation

Listee uses the WP Job Manager plugin and its custom post types to control the Business Listings. This means some basic page setup as well as setting functionality comes directly from the WP Job Manager.

To install the job manager plugin, navigate to Plugins >Add New and search for WP Job ManagerClick the button to install and activate the plugin.

Once the plugin is installed it will create three pages, the Jobs page which is the themes’s default Business listing page, the Job Dashboard page which allows a user to see all business listings they have posted at once and the Post a Job page which allows logged in users to post new business listings. You can add the latter two to the menu to allow businesses to post job listings and also access all their postings.

Initial configuration

The plugin’s configuration page can be found under Business > Settings, here you can configure the plugin to match your needs. We would suggest enabling Job Categories & Job Types which are by default disabled, you can also enable Multi Category & Multi Type selections, these will make your filtering system much more flexible. In the Job Submission tab you can configure the requirements for allowing users to submit business listings.

For more information the plugin’s extensive documentation can be found here.

Image Sizes

The minimum recommended image sizes for Listee are:

  • Post thumbnail: 750x500px
  • Entry items: 750x540px
  • Tall featured image:750px
  • Media Small:100x100px
  • Full Width 1140x470px
  • Hero image: 1920x500px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Contact Form 7 use this plugin to create a contact form, then copy the shortcode it gives you and paste it in a page which will serve as your contact page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • Elementor Page Builder:  A page builder that delivers high-end page designs and advanced capabilities, never before seen on WordPress.
  • MaxSlider: You can use our slider plugin to generate sliders for your homepage or any other page you want.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Adding a new post

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post,
  5. once finished click the Publish button to publish the post.

new_post

Creating a page for your posts

To setup your blog page you can go to Pages > Add New and create a page named Blog. Then navigate to Settings > Reading and set that page as your posts page.

settings_reading

Now you can add that page to your menu to give your visitors easy access to all your posts.

Adding a new Business Listing

To create a new Business listing go to Business Listings > Add New.

Start by adding the title, description, category, type and company logo, once done move on to the Job Data section below.

 

Most of the fields above are pretty self explanatory, let’s have a look at a couple that might need some explanation.  The Featured Listing box allows to to mark the listing as such, this will make it sticky during searches and it also gives you the ability to style it differently to stand out. Finally the Listing Expiry Date allows you to set an expiration date for the business listing, after that date the listing and its content won’t be visible if the Appropriate fields are selected from BusinessesSettingsJob Listings.

Once everything is filled in you can go ahead and publish the business listing.

Creating a Business Listing page

To do that create a new page and apply to it the Business Directory template from the Page Attributes panel.  This page must be Selected as a business Listing Page from BusinessesSettingsPages.

As mentioned earlier the plugin creates a business listing page when installed, however our own listing offers a more refined filtering system as you can see on the theme’s demo, so you might want to use the custom one instead of the default.

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. The frontpage except the Hero panel which appears in all pages has also a Frontpage Options setting area.

Here you can

  1. Add a Button Text in your Frontpage Hero Section
  2. Add a link to your Business Directory.
  3. Allow the Search form to render in the frontpage.

To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Replicate our demo Homepage

Add in your Frontpage Widget area

  1. Theme (home) – Post Type Items widget
  2. Theme (home) – Business Categories widget.
  3. Theme (home) – Hero Callout widget
  4. Theme (home) – Latest Post type widget

These should give you the look and feel of our demo frontpage.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

Hero Section

The Hero Section is a generic options box you can find in All pages  and will help your control the Hero Section for each page.

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Customizing the theme

All the theme’s options can be accessed via WordPress’ customizer. Navigate to Appearance > Customize and you will be presented with this panel.

If you have used any theme from the WordPress.org theme directory you should be familiar with the usage of the customizer, if not you can read more about it here. Below we will take a look at the options each section offers.

Header Options are split into three sections. In the Header style section  you can set the logo layout you wish your header to have and make it full width.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can set your site’s logo, title, tagline, logo padding and site title and tagline.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Social Networks

Here you can fill in all links to your social profiles and display them via a custom widget on any sidebar.

Titles

In this tab you can set titles for the blog section, search and 404 pages.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Blockchain provides a mini mega menu feature. If you need to enable two columns in your menu you can navigate to Appearance >Menus and add a new item

Businesses

Here you can toggle if you want the business location, phone and business hours to render.

Widgets

Through this tab you can access all the available theme sidebars and add widgets to them.

Here you can modify the credits text and your Footer Column Layout. Also, you have an option to make your footer full width.

Static Front Page

static_front_page

Using this tab we can choose what gets displayed on the front page of our site. For example if we want to create a homepage using a page builder we will need to create a new page using the Page Builder template, name it home and set it as our Front Page above. The Posts Page is the page that will display our post listing, as discussed earlier in the post creation section.

Other

Here, you can find the sample content files and enable/disable Google Maps from your Listing Directory.The Google Maps API must only be loaded once in each page. Since many plugins may try to load it as well, you might want to disable it from the theme to avoid potential errors. Please note that you need to set a API key in WP Job Manager’s settings, found in Dashboard >Businesses > Settings. Have a look here on generating a Google Maps API key along with Geocoding which is required by the theme.

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Widgets

The theme comes with mangy custom widgets which allow you to display all major aspects of your content in any sidebar your wish. Notice some widget have (home) tag shown, which means they are meant to be used in the homepage widget area.

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme (home)-Hero Callout

This will allow you to display a Hero Callout specially designed for your frontpage sidebar.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a Button text and a URL.
  4. Change the text alignment.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Theme(home)-Latest Post Type

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the post type you want to get the latest items.
  4. Check if you need random posts instead.
  5. Add the number of posts.
  6. Select the output columns.

Theme-Company info

This widget displays the company information for the current business viewed.

Theme(home)-Business Categories

This widget is built to help you display your business categories  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the columns in which the categories will appear
  4. Create a new item
  5. Select your Listing Category

Additional Information & Common Questions

Where can I create Menu Buttons?

If you would like to create buttons on the menu you can use the nav-button class. For info on how to apply it, please read this small guide. (No styling needed on your part, just add the class and save the menu).

Why my Listing Map does not appear?

Please make sure you have enabled Google Maps from AppearanceCustomizeMaps by Enabling the Google Maps API and checking the “Show map” option. Google Maps require an API key and Listee need the Geocoding feature enabled on top of this key. Have a look here on how to generate a valid API key.

You can navigate to BusinessesCategories and click the “Edit” button on the category you wish to edit. Then select a description and a featured image and save your changes.

How can I create a Business Submission page?

Create a new Page from Submit Business Form Page Then add this shortcode

[submit_job_form]

inside your content and save your changes. Select this page as a Submit Business Form Page from BusinessesSettingsPages.

Why Elementor does not work in the frontpage template?

The frontpage template is actually a widgetized area, which you can Control by adding / editing widgets from AppearanceWidgetsFrontpage or AppearanceCustomizeWidgetsFrontpage. If you want to create your own landing page as a frontpage, check this guide.

Support

If you have any questions related to this theme, please let us know in the theme’s support forum here.

Blockchain Lite

About

Blockchain is free Business theme.

WordPress theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes.

Click the Add New button on the top of the page.

add_new

In the next screen type the theme’s name in the search box.

When the search results appear, hover over the theme and click Install

Once the installation finishes click activate and the theme is ready to use.

Image Sizes

The recommended image sizes are:

Post Thumbnail: 850x567px
Media Item:  555x400px
Media Item Tall:  555px in width and unlimited in height
Media Item small: 80x80px
Full width: 1140x650px
Hero image: 1920x500px
Slide: 1920x850px

 Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Blockchain Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Import  Use this plugin to help you import your content with just one click.
  • MaxSlider  Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • Elementor  A free page builder that delivers high-end page designs and advanced capabilities.
  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars. This plugin is mandatory if you wish to display your Instagram images.
  • Woocommerce: Enable eCommerce functionality for your website.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Importing sample content

To get the sample content file you can click the link in the notice that will appear on your dashboard immediately after activating the theme.

download_sample

Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), asking the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content. You can also find your sample content files under Appearance > Customize > Other

Importing widgets

You can also import the widgets you see on the theme’s demo. To do that, you need the Widget Importer & Exporter plugin. To install it go to Plugins > Add new search for Widget Importer exporter and install the plugin. Activate it and go to Tools > Widget Importer & Exporter click choose file and upload the lense_widgets.wie file which is located in the sample content zip file, click Import widgets and you are good to go.
WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

 

Blog

This will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

 

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into three sections.

In the Header style section  you can set the logo layout you wish your header to have and make it full width.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404 as well as for your related items in single Portfolio.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Woocommerce

In this tab you can change the number of products on shop listing page and control your Woocommerce Settings.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance > Customize > Widgets or Appearance > Widgets

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

 

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using the page builder of your choice, once done publish it and check it out.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Blockchain

About

Blockchain is premium Business theme for Cryptocurrency professionals and enthusiasts.

WordPress theme installation

The easiest way to install the theme is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.
In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.
TIP: A more visual guide can be found here.

Image Sizes

The recommended image sizes are:

Post Thumbnail: 850x567px
Media Item:  555x400px
Media Item Tall:  555px in width and unlimited in height
Media Item small: 80x80px
Full width: 1140x650px
Hero image: 1920x500px
Slide: 1920x850px

 Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Blockchain Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Import  Use this plugin to help you import your content with just one click.
  • MaxSlider  Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • Elementor  A free page builder that delivers high-end page designs and advanced capabilities.
  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars. This plugin is mandatory if you wish to display your Instagram images.
  • Woocommerce: Enable eCommerce functionality for your website.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Importing sample content

To get the sample content file you can click the link in the notice that will appear on your dashboard immediately after activating the theme.

download_sample

Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), asking the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content. You can also find your sample content files under Appearance > Customize > Other

Importing widgets

You can also import the widgets you see on the theme’s demo. To do that, you need the Widget Importer & Exporter plugin. To install it go to Plugins > Add new search for Widget Importer exporter and install the plugin. Activate it and go to Tools > Widget Importer & Exporter click choose file and upload the lense_widgets.wie file which is located in the sample content zip file, click Import widgets and you are good to go.
WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Replicate our demo Homepage

First we need to create a new slider from Max Slider >Add New. Then, add three slides selecting your title and subtitle alignment

and select the dots navigation under the Settings section.

MaxSlider is a versatile plugin with many options for you to explore. Have a look at the plugins documentation here first.  Don’t forget to actually select your slider in your Frontpage (Pages > All Pages)  from the drop down menu under the Frontpage Options  Slider tab as mentioned above.

Continuing with the content under the slider, the frontpage is a widget ready area in which you can add any widget you need from Appearance >Customize >Widgets >Frontpage. To recreate our original frontpage you will need to add 6 widgets. These are:

Blog

This will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

by checking the “Hide when viewing this post’s page” option in your Featured image box.

Header Options

The Hero Section is a generic options box you can find in All pages and will allow to to control where you need your header to appear.

Hero Section

The Hero Section is a generic options box you can find in All pages and will help your control the Hero Section for each page.

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

Custom post type listing pages

In order to display your custom post types you will need to create a listing page for each one. Go to Pages > Add New  and create a new page selecting some its page attributes the Listing Template you need to Apply. Below you will find more information for each template.

Case Studies Listing

Here you can list all your Case Studies from a selected category or not. Let check all the Case Studies options:

  1. Select a Base Category or leave blank if you wish all your case studies to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Testimonials Listing

Here you can list all your Testimonials.

  1. Select a loading Effect for your grid
  2. Select the spacing for your items
  3. Select the number of Columns
  4. Select how many items you need to render

Jobs Listing

Here you can list all your Jobs posts.

Events Listing

Here you can list all your Events from a selected category or not. Let check all the Events options:

  1. Select a Base Category or leave blank if you wish all your items to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Teams Listing

Here you can list all your Team Members from a selected category or not. Let check all the Team options:

  1. Select a Base Category or leave blank if you wish all your items  to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Portfolio Listing

Here you can list all your Portfolio from a selected category or not. Let check all the Porfolio options:

  1. Select a Base Category or leave blank if you wish all your items  to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Services Listing

Here you can list all your Services from a selected category or not. Let check all the Services options:

  1. Select a Base Category or leave blank if you wish all your items to appear
  2. Select a loading Effect for your grid
  3. Select the spacing for your items
  4. Select the number of Columns
  5. Check if you need a masonry effect and category filtering
  6. Select how many items you need to render

Page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Setting up your theme

In this section we are going to have a closer look in Blockchain’s unique features like Portfolio, Services, Case Studies, Team Members, Jobs, Events, Testimonial Items.

Adding Services Items

To add new Service item go to Service > Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Service and in its listings.

Adding Portfolio Items

To add new Portfolio item go to Portfolio > Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Portfolio pages and in its listings.

Adding Team Members

To add new Team Member go to Team Member> Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Portfolio pages and in its listings.

Adding Job Items

To add new Job go to Jobs > Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Portfolio pages and in its listings. Under Job Information box you can add additional Info for your job listing.

  1. Add the City the Job is located.
  2. Add the type of Job,
  3. Select a Starting date.
  4. Add a salary status.

 

Adding Events

To add new Event go to Events > Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Portfolio pages and in its listings. Under Event Information box you can add additional fields for your Event.

  1. Add the event date.
  2. Add the event time.
  3. Select the event Location

Adding Testimonial Items

To add new Testimonial item go to Testimonial> Add new and fill in the title, content and a featured image.

Adding Case Studies

To add new Case Study item go to Case Studies > Add new and fill in the title, content and featured image. Next, in the Custom Excerpt metabox you can control the content after the title in the single Portfolio pages and in its listings.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into three sections.

In the Header style section  you can set the logo layout you wish your header to have and make it full width.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Blog Settings

This tab allows you to customize your blog and post options.

Under Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default WordPress archive pages like category, tag, etc.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Colors

This tab allows you to customize the colors and background images for the entire site, the top bar and header, hero section, sidebars and the footer.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Blockchain provides a mini mega menu feature. If you need to enable two columns in your menu you can navigate to Appearance >Menus and add a new item

with the CSS Class mega-menu. You can enable the CSS Classes box from Screen Options. For more info have a look this article http://www.cssigniter.com/docs/article/screen-options/

Now you can create a menu structure like this

as a child to your Mega menu item.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404 as well as for your related items in single Portfolio.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Woocommerce

In this tab you can change the number of products on shop listing page and control your Woocommerce Settings.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance > Customize > Widgets or Appearance > Widgets

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Theme(home)-Latest Post Type

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the post type you want to get the latest items.
  4. Check if you need random posts instead.
  5. Add the number of posts.
  6. Select the output columns.

Theme-Social Icons

This widget displays your site’s social icons. In order to set them up, you need to visit Appearance > Customize > Social Networks and provide the appropriate URLs where desired.

Theme-Top Crypto Ticker

This widget will display a ticker of the top cryptocurrencies.

  1. Add a title for your Widget
  2. Select the number of top cryptocurrencies
  3. Select the number to currencies your need to skip
  4. Difference in price from past time.
  5. Display cryptocurrency price equivalent in USD or any other currency

Theme-Single Crypto Symbol

Shows only one Cryptocurrency status.

  1. Select the Title of your widget
  2. Select the cryptocurrency you are interested in.
  3. Display cryptocurrency price equivalent in USD or any other currency

Theme (home)-Hero Callout

This will allow you to display a Hero Callout specially designed for your frontpage sidebar.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a Button text and a URL.
  4. Change the text alignment.

Theme-Buttons

This widget will help you render a list of buttons.

  1. Select the Widget Title.
  2. Add a new button.
  3. Add the button Properties, like title,subtitle, icon and link.
  4. Remove the button.

Theme(home)-Brands

Show a list of brands in your frontpage sidebar.

  1. Add a title and a subtitle for your widget
  2. Add a new brand item.
  3. Select your brand logo.
  4. Select a URL that your brand logo will target.
  5. Remove the brand item

Theme-Hero Callout

This will allow you to display a Hero Callout in all your sidebars.

  1. Add a Title for your Callout widget.
  2. Add a Subtitle for your Callout widget.
  3. Select a Button text and a URL.
  4. Change the text alignment.

Customize Widgets

In some themes widgets, You can use the Customize button to add a background image or color. You can also create a color overlay or stretch your background image to cover the entire width of the widget. You can also enable a parallax effect for your background image.

Shortcodes

Shortcodes in WordPress are small  code like functions that allow you to do various things with little effort. The main reason to use them is to execute code inside WordPress posts, pages, and widgets without writing any code directly. They can be used in Elementor’s (or any other page builder) shortcode module.

Blockchain theme has many shortcodes you can use with various attributes:

[crypto-table]

Shows a cryptocurrency table with various functions.

Attributes you can use
limit: Limit the number of results. Default 15.
start: Start offset. start=”10″ will display from 11th onwards.
fiat: Fiat currency to convert to. Default USD.

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using the page builder of your choice, once done publish it and check it out.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Loge

Theme installation

The easiest way to install the theme, is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.

In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer, and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.

TIP: More info on how to download and install a theme here.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Image Sizes

The minimum recommended image sizes for Neto are:

  • Post thumbnail: 750x500px
  • Entry Item thumbnail (used on widgets): 555x750px
  • Item thumbnail :530x350px
  • Single Item: 460px and unlimited in height
  • Full Width single image: 1140px and unlimited in height
  • Full Width image: 1140x600px
  • Slider  image: 1920x850px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars.
  • MaxSlider : Use this plugin to help you create custom sliders and use them anywhere you wish shortcodes.
  • One Click Import : Use this plugin to help you import your content with just one click.

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Adding a new post

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post,
  5. once finished click the Publish button to publish the post.

new_post

Creating a page for your posts

To setup your blog page you can go to Pages > Add New and create a page named Blog. Then navigate to Settings > Reading and set that page as your posts page.

settings_reading

Now you can add that page to your menu to give your visitors easy access to all your posts.

Adding Products

Earlier we saw how we can install WooCommerce. Let’s take a brief look at creating products. Start by going to Products > Add Product.

new_product

  1. First we need to fill in the product title,
  2. next we will add the product’s description,
  3. click Set Product Image to add the product’s featured image and Add product gallery images to upload additional photos for the product,
  4. add categories and tags to your product to make filtering easier,
  5. in the Product Data metabox you will fill all the required product info, such as price, inventory, tax and shipping information and more,
  6. in the Product Appearance metabox you can disable the zoom on product thumbnails and add a video to the product’s gallery if you have one,
  7. fill in a short product description and finally
  8. Publish the product.

This is a brief overview of adding products to your site, the product post type is a complex one, if you haven’t worked with it before please consider reading the official documentation on how to add and manage products here.

Setup the shop page

Once you install and activate WooCommerce all the default pages will be created, including the shop listing page. To make sure this was properly configured go to WooCommerce > Settings > Products > Display and check if the Shop page is selected in the Shop Page drop down.
wp_shop_page
If the drop down is empty, locate the Shop page and select it.  If you can’t find a page named Shop, just go to Pages > Add New create one and then set it as your shop page. Add this page to your menu to give your visitors access to the product listing.

Theme Pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.
.

Hero Section

This the basic section before the contents of your page and you can :

  1. Add A Page title.
  2. Add a Page subtitle.

Also you can style your Hero with a background image / video or color :

  1. Align the Title.
  2. Hide the Page title.
  3. Add a Background Color or an Overlay color in case you have a background image with the same color of your Hero title or subtitle.
  4. Add a background Video.
  5. Add a background image and change its position  and screen coverage.

In the Slider Tab  you can also select a MaxSlider Slideshow to appear instead of a hero image or choose not to have a slideshow at all.

Replicate our demo Homepage

First we need to create a new slider from Max Slider >Add New. Then, add three slides selecting your title and subtitle alignment

and select the dots navigation under the Settings section.

MaxSlider is a versatile plugin with many options for you to explore. Have a look at the plugins documentation here first.  Don’t forget to actually select your slider in your Frontpage (Pages > All Pages)  from the drop down menu under the Frontpage Options  Slider tab as mentioned above.

Continuing with the content under the slider, the frontpage is a widget ready area in which you can add any widget you need from Appearance >Customize >Widgets >Frontpage. To recreate our original frontpage you will need to add 6 widgets. These are:

  • Theme (Home) – Post Types Items,
  • Theme (Home) – Hero Callout,
  • Theme (Home) – Latest Post Type,
  • Theme (Home) – Post Types Items,
  • Theme (Home) – Brands,
  • Theme (Home) – Post Types Items,
  • Theme (Home) – Hero Callout,

Post Types and Latest Post type widgets will automatically get the content and the featured image from Posts / Custom Post Types.

Blockchain has 4 footer widget areas also. In Customize > Widgets > Footer – 1st column our online demo has

  • text widget

In Customize > Widgets >Footer – 2nd column we have a

  • Theme – Buttons

In Customize > Widgets >Footer – 3nd column we have a

  • Theme – Contact Module

In Customize > Widgets >Footer – 4nd column we have a

  • Theme – Callout Module

 

Blog

this will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now. You cannot control the background image from the Layout Section of this page since it is registered by WordPress.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Narrow Width Page

In this page you can add any content you wish without displaying the sidebar but the container size is smaller.

Default Template

In this page you can add any content you wish as you would do in a normal page. The default template gives you the option to select a 

Page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using a page builder of your choice. On the theme’s demo we have used extensively the Elementor page builder plugin.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into three sections.

In the Header style section  you can set the layout style your wish your header to have and make it fullwidth.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your logo and site icon images.

Colors

This tab allows you to customize the colors and background images for the entire site, the header, hero section, sidebars and the footer.

Blog Settings

This tab allows you to customize your blog and post options.

 

In Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

In Archive options you have customize the default archive pages like category, tag and date archive pages.

  1. Change the Layout by selecting in how many columns you need your content to appear.
  2. Enable Masonry effect in case you have articles with different content and featured image height.
  3. Select the article excerpt length.
  4. Select a pagination method.

Finally, in the Featured articles section you can add a tag which if your articles have they will  appear on top of you blog listing. Only one article that includes this tag will be displayed. The selected tag will be automatically hidden from tag lists.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can create and assign menus to the theme. To learn more about menu creation check out the Codex’s menu user guide here.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Here you can modify the credits text and your Footer Column Layout.

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

Through this tab you can add widgets to the theme’s sidebars. The theme features eight Sidebar Areas in order to provide the best option to display your content.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Woocommerce

In this tab you can change the number of products on shop listing page and control your Woocommerce Settings.

  1. You can change the Shop layout.
  2. Change the product columns.
  3. Change the Products per page.
  4. Show by default the product information.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance > Customize > Widgets or Appearance > Widgets

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Theme(home)-Post Type Items

This widget is built to help you display any post you wish  in your Homepage Widget  area.

  1. Add a title.
  2. Select the post type.
  3. Select the output columns.
  4. Add the Item you wish to output.
  5. Select the Item from the dropdown menu.

Theme(home)-Latest Post Type

This widget is built to help you display your latest posts  in your Homepage Widget  area.

  1. Add a title.
  2. Add a subtitle.
  3. Select the post type you want to get the latest items.
  4. Check if you need random posts instead.
  5. Add the number of posts.
  6. Select the output columns.

Theme(home)-Product Category

This widget will help you display a Product Category in your Homepage

  1. Add a title.
  2. Select a number of products to show.
  3. Select a product category.
  4. Change the output columns.
  5. Order by a filter.
  6. Change the Order.

Shortcodes

Shortcodes in WordPress are small  code like functions that allow you to do various things with little effort.

The main reason to use them is to execute code inside WordPress posts, pages, and widgets without writing any code directly. They can be used in Elementor ‘s (or any other page builder) shortcode module.

Loge theme has shortcodes you can use with various attributes:

[cart-info]

Will display your cart information if you have Woocommerce Installed

[latest-post-type post_type="post" random="false" count="3" columns="3"]
  • Post type: “post” by default. Can be one of: post, pages.
  • Random: false by default. Set to “true” to enable.
  • Count: 3 by default. Use only integers larger than 0.
  • Columns: 3 by default. Use only integers larger than 0.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums

Public Opinion

About

Public Opinion is premium Magazine, News & editorial  WordPress theme.

Quick Installation

WordPress theme installation

The easiest way to install the theme is by accessing your WordPress admin panel, then go to Appearance > Themes. Select the Install Themes tab and click the Upload link located just below the tab’s name. Click on Browse… and select the WordPress theme zip file you just downloaded. Then click the Install Now button, and after a few seconds, your new theme should be installed. Click activate and the theme is ready to use.
In order to install the theme manually, or in case you have trouble installing it through the admin panel, you have to unzip the WordPress theme’s zip file on your computer and upload via FTP the resulting theme folder into your WordPress installation themes folder (wp-content/themes). Then, from the WordPress admin go to Appearance > Themes. The theme should be available in your themes list. Click activate.
TIP: A more visual guide can be found here.

Image Sizes

The recommended image sizes for Public Opinion theme are:

Post Thumbnail: 885x500px
Hero Full Width:  1340x500px
Media Item: 885x750px
Item Full Width: 1140x650px

Useful Plugins

These plugins provide functionality and features used directly (or not) by the Theme. So, it is recommended to install and activate them before importing your sample content.

  • Public Opinion Specific plugin: You will be asked to auto install this plugin when installing the site. You can find this under your theme /plugins/ folder.
  • One Click Import : Use this plugin to help you import your content with just one click.WPForms use this plugin to create a contact form, then copy the shortcode it gives you and paste it in an empty page.
  • WP Instagram Widget: Use this plugin to help you display your Instagram feed in any of the theme’s sidebars. This plugin is mandatory if you wish to display your Instagram images.
  • WordPress Jetpack: You can use this to create a contact form, insert sharing buttons, create tiled galleries, and Infinite Scrolling.
  • Woocommerce: Enable eCommerce functionality for your website.
  • Mega Max Menu : Use this plugin to enchant your menus.

 

Importing Sample Content using One Click Import

To automate the process of importing and for a better experience we have natively included support for OneClick Import Plugin. Let install it fist:

From your WordPress dashboard

  1. Visit ‘Plugins > Add New’,
  2. Search for ‘One Click Demo Import’ and install the plugin,
  3. Activate ‘One Click Demo Import’ from your Plugins page.

From WordPress.org

  1. Download ‘One Click Demo Import’.
  2. Upload the ‘one-click-demo-import’ directory to your ‘/wp-content/plugins/’ directory, using your favorite method (ftp, sftp, scp, etc…)
  3. Activate ‘One Click Demo Import’ from your Plugins page.

Once the plugin is activated you will find the actual import page in: Appearance > Import Demo Data.

 Click on the Import demo data button and you are done!

This plugin requires PHP version of at least 5.3.x, but we recommend version 5.6.x or better yet 7.x. Please contact your hosting company and ask them to update the PHP version for your site.

Importing sample content

To get the sample content file you can click the link in the notice that will appear on your dashboard immediately after activating the theme.

download_sample

Extract the zip file you downloaded and upload the xml file in Tools > Import > WordPress (if not already present, you will be prompted to install the WordPress importer plugin), asking the authors to an existing user and make sure you check the “import attachments” box. You can now import the sample content.

Importing widgets

You can also import the widgets you see on the theme’s demo. To do that, you need the Widget Importer & Exporter plugin. To install it go to Plugins > Add new search for Widget Importer exporter and install the plugin. Activate it and go to Tools > Widget Importer & Exporter click choose file and upload the lense_widgets.wie file which is located in the sample content zip file, click Import widgets and you are good to go.
WARNING: As this will create posts, pages, custom post types, categories, widgets, etc. and change various system settings, it is strongly advised that you do this on a clean WordPress installation, without any previous and/or precious data. Under no circumstances we can be held responsible for total or partial data loss, so please be careful.

Installing WooCommerce

To enable eCommerce functionality for your website you need to install and activate the WooCommerce plugin by WooThemes. You can download the plugin free of charge from the WordPress Plugin Repository.

Go to Plugins > Add New and search for WooCommerce. Once the results come back, click the Install Now button.

wc_install

Once the installation is finished, click the Activate button to activate the plugin.

wc_activate

For detailed installation and usage instructions please refer to the plugin’s documentation.

Once you have installed and activated the WooCommerce plugin please install its pages by clicking on the button that WooCommerce provides on its banner. This will likely create a duplicate of some pages along with the pages install by the sample content but its a needed step. You can delete the old pages that came with the sample content or use them instead by going to WooCommerce > Settings > Pages and assign them anew.

Theme pages

Let’s start by adding the first few basic pages you are going to need. Go to Pages > Add New and create the following pages:

Frontpage Page

To set up the homepage create a page named Home and set to it the Front page Template from the Page Attributes drop down on the right. To add content to your front page go to Customize > Widgets or Appearance > Widgets and use the theme’s widgets to help you display your content. You will notice that in your Frontpage template page under the WordPress text Editor you have a Frontpage Options section.

Here you can control the featured posts that will  appear on top of the homepage. These are posts tagged with the featured tag. You may optionally restrict the posts shown to a specific category, otherwise featured posts from all categories will be shown.

You can

  1. Select the layout you want for your frontpage featured section area.
  2. Select a specific category to restrict the featured posts.

Blog

this will be your posts page. Just create and publish a blank default page named “Blog” (or whatever you wish to name it) without adding any content, no further action needed for now.

Full Width Page

In this page you can add any content you wish without displaying the sidebar.

Default Page

In this page you can add any content you wish but the the sidebar. You can select under Sidebar section where you need your sidebar to appear

Also, you can select whether you need to display the featured image in that page.

by checking the “Hide when viewing this post’s page” option in your Featured image box.

 

Setting up your theme

In this section we are going to have a closer look on How to setup Public Opinion theme.

Adding Posts

To add new posts to your blog, go to Posts > add new and proceed to:

  1. add a title to your post,
  2. enter the content in the editor,
  3. upload a featured image by clicking “Set featured image” on the Featured Image panel,
  4. add a category and/or tag to the post
  5. Publish the post.

In Public Opinion we have included tools to allow you to create advanced articles with multiple features. In the Post Information box you can add some extra comment if you are reposting from another source, or if this is article is a review!

Under the Source tab you can

  1. Add the name (text) of the article source.
  2. Add the source URL.
  3.  Add the website/news outlet name of the article.
  4. Add the URL of the website/news outlet name of the article.

If you are adding a Review, under the review Tab you can

  1. Add a Review item.
  2. Select the review item title and Score.
  3. Remove the item.
  4. Add some complementary text.

Public Opinion provides extra Trackback feature for articles under the Send Trackbacks box.

If you need a post to appear in the frontpage or in your post category listings you can add the “featured” tag under the Tags section

Post Formats

You can select the format of your article between Standard (default), Gallery, Audio and Video

Video Post Format

When Selecting the Video Format a new section will appear in order to add your Video URL

Gallery Post Format

When selecting this Post Format you will get a new Gallery section with two tabs. In the first tab you can


  1. Add your Images.
  2. Randomize the order they will appear.

In the second tab you can control your gallery styling by

  1. Adjusting the Row height.
  2. Change the margin between gallery images.
  3. Configure the behaviour of the last row.

Audio Post Format

After selecting this Post Format a new Section will appear where you can add your Audio from your favorite Streaming(SoundCloud, MixCloud, Spotify) service.

Customizing Your Theme

All theme customization is done via WordPress’s built in customizer. If you haven’t used it or want to learn more about it, please read this article.

Go to Appearance > Customize and you will see this

TIP: any changes you make in the tabs below will be previewed live on the site which appears in right side of the screen, however to save these changes you need to click the Save & Publish button on the top of the bar, if you have made a change but see the button grayed out (for example changed the font size of a heading), move the cursor outside the input box, for example, to the next input box, then the button should be clickable again.

Let’s take a look at the options each tab gives you.

Header Options are split into four sections.

In the Header style section  you can set the layout style your wish your header to have and make it fullwidth.

Under the Top menu bar you can add some custom text to it like your email or phone number. as well as select whether you need to show or not Search module or your social Icons.

  1. Vertical Padding your your menu bar.
  2. Control your menu text size
  3. Add complimentary text about your business
  4. Show or hide extra modules like Search box and Social Icons.

In the Primary menu bar  you can select if you wish to have a sticky menu and change various display settings like the vertical padding of the menu and its text size.

Finally, we have the News Ticker where you can control the theme’s news ticker

You can  show or hide the ticker, edit its title and source category as well as the post limit.

Site Identity

Here you can  change the logo and favicon as well as the title and description. Use the appropriate fields to add your information, show or hide your site title and subtitle and upload your images.

Blog Settings

Here you can  change your blog archive looks as well as each element of your single articles. This section is divided in three parts Archive Options, Post Options and Featured articles.

In Archive Options

  1. Change your blog layout
  2. Show or Hide the Sidebar
  3. Use a Masonry effect to render your posts
  4. Change Excerpt Length
  5. Select a pagination method

In Post Options you can select which elements you wish your single blog posts to have. This includes showing or hiding the date, the featured image, the author and author box etc. Or even enabling/disabling the Lightbox option for your galleries.

Finally in Featured Articles you can change the name of the tag name  for your Featured sections.  Throughout your website will only show articles that include this tag. The selected tag will be automatically hidden from tag lists.

Colors

This tab allows you to customize the colors and background images for the entire site, the header, hero section, sidebars and the footer as well as if you want a Boxed layout or not.

Typography

Through this tab you can control the font size of key theme elements, such as headings, body and widgets. If you want to change the default Theme fonts have a look here.

Here you can modify the credits text and your Footer Column Layout.

Under the Bottom Bar Section you can

  1. Select to show or not the bottom bar.
  2. Add you credit text. You can use some HTML here if you wish.
  3. Show Your Social Icons in the footer.

In your Footer style section you can

  1. Change the columns the footer will have.
  2. Set the footer to be fullwidth or not.

Here you can create and assign menus to the theme.Your theme supports 2 main menus. If you wish to have two menus surrounding the logo, select the equivalent option from Customize > Header > Header Style. To learn more about menu creation check out the Codex’s menu user guide here.

Public Opinion provides Full support for the popular Max Mega Menu plugin. Max Mega Menu will automatically convert your existing menu or menus into a mega menu. You can then add any WordPress widget to your menu, restyle your menu using the theme editor and change the menu behaviour using the built in settings. Max Mega Menu is a complete menu management plugin, perfect for taking control of your existing menu and turning it into a user-friendly, accessible and touch ready menu with just a few clicks.

This means you can use a Mega Menu right out of the box with Public Opinion following some simple steps.

Installing Max Mega Menu plugin

To install the plugin you navigate to Plugins > Add New, search for “Max Mega Menu” and click the Install button.

Once the plugin is installed and activated you can navigate to Mega Menu >  Tools and head over to the Import Theme field box

There you will need to paste the contents of  megamenu.txt located in your sample content archive file and then click Import Theme.  This action will ensure that the mega menu will have the same look and feel with Public Opinion theme.

Setting Up a Max Mega Menu.

Head over to AppearanceMenus and select your main menu display location from Menu Settings.

This will ensure that your current menu will display in the correct location. After selecting a location, in the Max Mega Menu Option Box that will appear you will need to

  1. Enable Max Mega Menu.
  2. Select the Public Option theme.
  3. Select your Event to trigger the mega menu and the Effect to render it.

Now we are ready to actually create our first Mega Menu. Hover over an item you want to trigger a mega menu and click on the Mega Menu button.

Have a look at this video to get started with the Plugin or head over at the Plugin’s official Documentation page.

Static Front Page

Use this tab to make the Home page your static front page so you can take advantage of the homepage template we have created for you.

Woocommerce

In this tab you can change the number of products on shop listing page. You can use the built in [cart-info] shortcode in either of the Header > Top menu bar text boxes to display the total number of items in the cart along with their price. The information also serve as a link to the cart page.

Titles

In this tab you can change the titles for various theme pages, like the blog, search and 404.

Social Networks

In this section You can add your Social Network URLs. These icons will be displayed in the Theme-Social Icons Widget automatically.

Weather Defaults

Here you can setup your weather by adding an API key from Open Weather. You can display the current weather conditions with the shortcode [current-weather], and optionally provide a different location ID, e.g. [current-weather id="734880"]

Additional CSS

In this tab we host the custom CSS panel which you can use to insert styles for elements not covered in the rest of the tabs.

Other

Here you can download your sample content files.

Widgets

We have handcrafted some custom widgets to help you better display your content. You will find them under Appearance > Customize > Widgets or Appearance > Widgets

 

This widget will display in your Homepage latest / featured posts from a certain category in various layouts.

  1. Select the Category you need to display.
  2. Select the type of posts.
  3. Change the layout according to your preference.
  4. Change the number of posts.

Theme (Home)-Featured Posts

This widget will display latest / featured posts from a certain category in various layouts.

  1. Change the category of posts.
  2. Select a Layout.

Theme-Featured Posts

This widget will display latest / featured posts from a certain category in various layouts.

  1. Add your title.
  2. Select the type of posts.
  3. Change the category of posts.
  4. Number of posts to show.

Theme-Contact

Using this widget you can create a contact box including a title a map and various complementary elements with icons that will help you add more information like telephone etc about your business.

  1. Add a title for your Contact widget.
  2. Add a map code (iframe).
  3. Add a contact title
  4. Create new complementary elements.
  5. Add an icon code  (from fontawesome.io) and some text along.

Theme-Schedule

This widget allows you to create a small Schedule table with extra contextual information.

  1. Add a title for your widget
  2. Add some complementary text. You can use HTML tags also if you wish.
  3. Add a new day/time widget.
  4. Add your day and time information for each item.

Theme(home)-Instagram

This will allow you to display your Instagram Account in your Front Page or Pre-Footer sidebar. The WP Instagram Widget must be installed and activated in order this Widget to appear

  1. Add a title for your Instagram Widget.
  2. Add your Instagram Account.
  3. Add a number of photos you wish to display.
  4. Select whether you need your images to open in the current window or open in a new tab.
  5. Change the link text.

Theme-Latest Post Type

This widget is built to help you display your latest posts  in any widget area you wish.

  1. Add a title.
  2. Select the post type you want to get the latest items.
  3. Check if you need random posts instead.
  4. Add the number of posts.

Infinite Scrolling

Public Opinion offers an Infinite Scrolling functionality using Jetpack’s native method. You will need to activate this feature from your Jetpack settings

Remember if you have widgets in your Footer Sidebars infinite scroll will not work but a load button will appear instead.

Shortcodes

Shortcodes in WordPress are small  code like functions that allow you to do various things with little effort.

The main reason to use them is to execute code inside WordPress posts, pages, and widgets without writing any code directly. They can be used in Elementor ‘s (or any other page builder) shortcode module.

Public Opinion theme has many shortcodes you can use with various attributes:

Current Date

[current-date]
Shows the current date. By default, uses the date format from Settings > General.
Parameter ‘format’ : Optional. Sets the date format. Accepts PHP’s date() format values referenced here: http://php.net/manual/en/function.date.php#refsect1-function.date-parameters
Examples:
[current-date]

[current-date format="l F j, Y"]

 Current Weather

[current-weather]
Shows the current weather conditions. Uses defaults set from Customizer > Weather Defaults. The API key is required.
Parameter ‘id’: Optional. A location ID.
Parameter ‘units’: Optional. Accepts ‘standard’ (for Kelvins), ‘metric’ (for Celsius) and ‘imperial’ (for Fahrenheits). Defaults to ‘metric’.
Examples:
[current-weather]

[current-weather id="734880"]

[current-weather units="imperial" id="734880"]
[featured-posts]
Shows a “hero” section of featured posts. A “featured” tag must be provided via Customizer > Blog settings > Featured articles.
Parameter ‘layout’: Optional. Default ‘one-post’. One of: one-post, two-posts, three-posts, four-posts, one-left-two-right, two-left-one-right, one-left-four-right, four-left-one-right, slider-one, slider-three, slider-four.
Parameter ‘cat_id’: Optional. A category ID to pull posts from. Posts still need to be assigned to the “featured” tag.
Parameter ‘cat’: Optional. A category slug to pull posts from. Posts still need to be assigned to the “featured” tag. If both ‘cat’ and ‘cat_id’ are set, ‘cat’ is used.
Examples
[featured-posts] (will show one featured post from any category).

[featured-posts cat_id="13"]

[featured-posts cat="news" layout="four-left-one-right"]

 Latest Category

[latest-category]
Shows latest or featured posts from a specific category, using one of the category layouts (different than “hero” layouts).
Parameter ‘layout’: Optional. Default ‘1’. A number from 1 through 5.
Parameters ‘cat’ and ‘cat_id’: Same as featured-posts shortcode. If none is set, the default posts category from Settings > Writing is used (usually “Uncategorized”).
Parameter ‘type’: Optional. Default ‘latest’. May be ‘latest’ or ‘featured’.
Parameter ‘count’: Optional. Defaults to Settings > Reading > Blog pages show at most. A maximum number of posts. Must be > 0. Some layouts may ignore this number (as layout #4 does).
Examples
[latest-category] (out of the box will show 10 uncategorized posts using layout #1)

[latest-category cat_id="13"]

[latest-category cat="news" layout="2" count="6"]

How to use the page builder template

The theme comes bundled with a page builder template which allows you to use your favorite page builder plugin on it and create unique layouts very easily.

To use that template start by going to Pages > Add New. This will create a new page. Add a title to your page and select the Page builder template from the template drop down in the Page Attributes metabox.

ci_page_builder_template

That’s it. You can now start building your page using the page builder of your choice, once done publish it and check it out.

Next Steps

Still have questions or problems setting up your CSSIgniter Theme? We will be happy to help you out in our support forums