Cenote

  This is the Cenote theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler, let

close

Relevant Links

 

Getting started

This is the Cenote theme instruction page. We have tried our best to keep it as simple as possible. If you think it can be made even simpler, let us know. We will be glad to change it. Let’s start! On the left side, you can see the table of contents of this documentation. Jump to the section you want, or read it all through – your choice. Let’s move on!

Installation

Installing your theme is pretty easy! After downloading, you should have a cenote.zip file. This is a compressed file containing all of the required templates and images required for the theme to function properly.

Upload Theme

  1. Go to Appearance > Themes in the WordPress Dashboard
  2. Click on the Add New button
  3. Click on the Upload link
  4. Select the cenote.zip file
  5. Click on Install Now button

Activate the theme

Go to Appearance > Themes in the WordPress Dashboard.
Now, hover over the Cenote theme thumbnail and press the Activate button

Additional information: WordPress Codex – Using Themes

Custom Menu

By default, the menus will fallback to Pages. That means just after activation of the theme, you will see all the pages as menus. If you want selective menus with the combination of links, pages, categories, then the custom menu is what you should be looking for.

Set up Custom Menu

  1. Go to Appearance > Menus in the WordPress Dashboard
  2. Click on Create a new menu link
  3. Give a name to your menu in Menu Name and click Create Menu button
  4. Now, choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
  5. Under the Menu Settings, located at the bottom of your screen, select the Display location (i.e., Primary, Header Top or both ) option and click on Add Menu
  6. Click Save Menu after adding the required pages, categories & custom links in the menu
Additional information: Have a look here if you are still confused WordPress Custom Menu

Site Identity

This theme supports the default Site Identity section provided by the WordPress and we have integrated some options in this section of the theme.

Site Identity

Logo, Site Title, Tagline & Site Icon can be upload and changed to best suit your site.

  1. Go to Appearance > Customize >Site Identity section
  2. Now, upload the required Logo for your site
  3. Insert the title and tagline as required in the site
  4. Click on Publish button to save the changes made on the site

It is shown in the image below:

Cenote instruction header logo

To show site title & Tagline, set the Display Site Title and Tagline as checked and uncheck to hide.

Header Image

This theme supports the Header Image provided by the WordPress.

Header Image

  1. Go to Appearance > Customize >Header Image section
  2. Click on Add new image to upload the required image for your header
  3. Click on Publish button to save the changes made on the site

You can upload an image of your choice to display in the header as below:

Cenote header media

Media Info box

  1. Go to Appearance > Customize >Header Image section
  2. Switch on the Enable Media Info Box to show the box in front of the header image which contains the title, text and button
  3. Choose between the two header media layouts where the first layout shows the header image in a boxed layout while the second layout shows the header image in a full-width layout
  4. Insert the required title, description, button text and the link to URL after the button is clicked
  5. Click on Publish button to save the changes made on the site

It is shown in the image below:

Cenote instruction header logo

Additional Header Media Layout

In the Pro version of the theme, there are additional layouts available for the header media.
It is shown in the image below:Cenote instruction header logo

Background Color

This theme supports the background color option. For choosing background color:-

Background Color

  1. Go to Appearance > Customize > Colors > Background Color section.
  2. Now, choose the required background color for your site
  3. After you have chosen the required background color for your site, you can click on Publish button to save the changes made on the site.

Theme Options

This theme has different options available for customization. All of the Theme Options are available in the Theme Options section. Below are the options available for customization of the theme:-

General

  1. From your WordPress Dashboard, go to Appearance > Customize > Theme Options > General section.
  2. Slide the slider to increase or decrease the width of the container, content and sidebar
  3. After you have changed the width as required, you can now click on Publish button to save the changes on your site.

It is shown in the image below:

added-social-icons

Social

  1. From your WordPress Dashboard, go to Appearance > Customize > Theme Options > Social section.
  2. Add the social Profile as required by clicking in Add new Social Profile button
  3. Click on Add image to upload the custom image for the social profile.
  4. After you have filled up the required profile name, social links and chosen the social icon for your Social Profile, you can now click on Publish button to save the changes in your site.

added-social-icons

Header

All of the Header Options are available in Appearance > Customize > Theme Options > Header. Different options for Header are available for customization such as:

Header Top

  1. Go to Appearance > Customize > Theme Options > Header section.
  2. Switch on the Header Top to enable the header menu as well as the social link.
  3. After you have enabled or disabled the header menu for your site, you can click on Publish button to save the changes in your site.

Header Top Item Order can be rearranged by performing a simple drag and drop operation.

Additional information: Clicking on eye icon will hide the content in the display window.

Header Top Background Color

  1. Go to Appearance > Customize > Theme Options > Header section.
  2. Under the Background Color option, choose the color of your choice
  3. After you have chosen the color, you can click on the Publish button to save the changes on your site.

Header Top Padding

  1. Go to Appearance > Customize > Theme Options > Header section
  2. Under the Padding option, slide the slider to increase or decrease the height of the Header Top section
  3. After you have chosen the required height for the header top, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Header Top Item Order

  1. Go to Appearance > Customize > Theme Options > Header section
  2. For showing the Header menu in Header Top section, you can assign the Menu Location of any custom menu to the Header Top
  3. For showing the Contact Info in Header Top section, you can insert the values in the Phone Number and Email address
  4. Under the Header Top Item Order option, drag and drop the items and the item which is on the top will be shown on the left side while the other item on the right
  5. After you have chosen the items to show on the left and right side of the header top, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Additional information: Clicking on eye icon will hide the content in the display window.

Sticky Header

  1. Go to Appearance > Customize > Theme Options > Header section
  2. Switch on the Sticky Header option to enable the sticky primary menu and switch off for non-sticky primary menu
  3. After you have enabled or disabled the sticky primary menu for your site, you can click on Publish button to save the changes on your site.

Header Layout

  1. Go to Appearance > Customize > Theme Options > Header section
  2. From the Header Layout option, choose the layout from the available layouts according to your requirement
  3. After you have chosen the layout, you can click on the Publish button to save the changes on your site.

It is shown as below:

Additional Header Layout

There is additional layout available in the Pro version of the theme.
It is shown as below:

Search Icon

  1. Go to Appearance > Customize > Theme Options > Header section
  2. Switch on the Search Icon to enable the search icon and switch off to disable search icon
  3. After you have enabled or disabled the search icon for your site, you can click on Publish button to save the changes on your site.

Header Background Color

  1. Go to Appearance > Customize > Theme Options > Header section
  2. Now, choose the required background color for your header
  3. After you have chosen the color for the header, you can click on Publish button to save the changes on your site.

Header padding

  1. Go to Appearance > Customize > Theme Options > Header section
  2. Under the Padding option, slide the slider to increase or decrease the height of the Header section
  3. After you have chosen the required height for the header, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Sticky Header

  1. Go to Appearance > Customize > Theme Options > Sticky Header section
  2. Switch on to enable the Sticky Header
  3. After you switch on the sticky header, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Reading Progress Bar

  1. Go to Appearance > Customize > Theme Options > Sticky Header section
  2. Switch on the Reading Progress Bar option to show the progress of a page loading in the sticky header
  3. After you switch on the Reading Progress Bar, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Social Share

  1. Go to Appearance > Customize > Theme Options > Sticky Header section
  2. Switch on the Social Share option to show the social links in the sticky header
  3. After you switch on the Social Share, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Social Share Order

  1. Go to Appearance > Customize > Theme Options > Sticky Header section
  2. Switch on the Social Share option to show the social links in the sticky header
  3. Drap and drop the items in the Social Share option to show the social links in front of the other
  4. After you re-arrange the Social Share items, you can click on Publish button to save the changes on your site.

It is shown in the image below:


After re-arranging it will be as below:

Sticky Header Background Color

  1. Go to Appearance > Customize > Theme Options > Sticky Header section
  2. Choose the required background color in the Background Color option for changing the color in the sticky header
  3. After you have chosen the color, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Color

  1. Go to Appearance > Customize > Theme Options > Color section
  2. Choose the color under Primary color option to change the color of meta and links on hover.
  3. After you have chosen a color for your site, you can click on Publish button to save the changes on your site.

Post Slider

  1. Go to Appearance > Customize > Theme Options > Post Slider section
  2. Switch on the Post Slider option to enable the slider
  3. After you have chosen to enable a slider for your site, you can click on Publish button to save the changes on your site.

It is shown as below:

Category Select

  1. Go to Appearance > Customize > Theme Options > Post Slider section
  2. Select between the two Category select options to show the slider from the latest post or category
  3. If you have chosen the Latest Post option, then the posts will be shown from it but if you choose the Category option instead, then you also need to select the Categories from the option below it
  4. After you have chosen the category to display the post from, you can click on Publish button to save the changes on your site.

Additional Post Slider Layout

  1. Go to Appearance > Customize > Theme Options > Post Slider section
  2. Select the layout from the Post Slider Layout option to show the slider having a different layout
  3. After you have chosen the category to display the post from, you can click on Publish button to save the changes on your site.

It is shown as below:

Breadcrumb

  1. Go to Appearance > Customize > Theme Options > Breadcrumb section
  2. Switch on the Breadcrumb to enable the Breadcrumb for the site.
  3. After you have made changes to your site, you can click on Publish button to save the changes on the site.

It is shown in the image below:

Additional Breadcrumb Style

  1. Go to Appearance > Customize > Theme Options > Breadcrumb section
  2. Choose the style from the Breadcrumb style option
  3. After you have chosen the style for breadcrumb, you can click on the Publish button to save the changes on the site.

It is shown in the image below:

Layout

Layout option includes different layout styles such as sidebar on the right, sidebar on the left, no sidebar with full-width content and boxed layout for posts, pages, archive, site, etc.

Site Layout

  1. Go to Appearance > Customize > Theme Options > Layout section
  2. Choose the layout from the Site Layout options such as Full-width content and Boxed content
  3. After you have selected the required layout, you can click on the Publish button to save the changes on the site.

Boxed Layout is shown in the image below:

Note: Site layout changes the layout of the front page and error page.

Archive/Blog Layout

  1. Go to Appearance > Customize > Theme Options > Layout section
  2. Choose the layout from the Archive/Blog Layout options such as Left Sidebar, Right Sidebar and Full-width content
  3. After you have selected the required layout, you can click on the Publish button to save the changes on the site.

Left Sidebar is shown in the image below:

Right Sidebar is shown in the image below:


Full-width content is shown in the image below:

Note: Archive/Blog layout changes the layout of the Archive page and Blog page.

Single Post Layout

  1. Go to Appearance > Customize > Theme Options > Layout section
  2. Choose the layout from the Single Post Layout options such as Left Sidebar, Right Sidebar and Full-width content
  3. After you have selected the required layout, you can click on the Publish button to save the changes on the site.

Left Sidebar is shown in the image below:

Right Sidebar is shown in the image below:

Full-width content is shown in the image below:

Note: Single Post layout changes the layout of the Single post page.

Page Layout

  1. Go to Appearance > Customize > Theme Options > Layout section
  2. Choose the layout from the Page Layout options such as Left Sidebar, Right Sidebar and Full-width content
  3. After you have selected the required layout, you can click on the Publish button to save the changes on the site.

Left Sidebar is shown in the image below:

Right Sidebar is shown in the image below:


Full-width content is shown in the image below:

Note: Page layout changes the layout of a page.

Typography

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Customization for the fonts can be done from the Typography options for Body & Heading
  3. Now, Font Family and Variant can be changed for the Body and Heading by clicking in the select box or manually inserting the font name or variant
  4. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Additional Typography option

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Customization for the fonts can be done from the Typography options for Body & Heading
  3. Now, Font Family, Variant, Font Size, Line Height and Color can be changed for the Body and Heading by clicking in the select box
  4. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Heading Size

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Slide the slider under the Heading Size options for changing the size of different headings
  3. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Post Meta

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Customization for the meta can be done under the Post Meta option
  3. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Content Typography

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Customization for the content can be done under the Content Typography option
  3. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Widget Title

  1. Go to Appearance > Customize > Theme Options > Typography section
  2. Customization for the title of the widget can be done under the Widget Title option including Font Family, Font Size, Text Transform & Color
  3. Click on Publish button to save the changes made to the site.

Widget Typography in the footer is shown in the image below:

Widget Typography in the sidebar is shown in the image below:

Archive/Blog

Archive/Blog option includes various customization such as Archive/Blog Style, Column, Drop Cap and Post Content Order. The Pro version of the theme includes additional options such as Meta Order, Post content, Excerpt Count and Enabling Post Thumbnail Letter.

Archive/Blog Style

  1. Go to Appearance > Customize > Theme Options > Blog/Archive section
  2. Choose the required layout from the Archive/Blog Style option
  3. Click on Publish button to save the changes made on the site.

Masonry layout is shown in the image below:

Archive classic layout is shown in the image below:

Archive big block layout is shown in the image below:

Additional Archive/Blog Style

  1. Go to Appearance > Customize > Theme Options > Blog/Archive section
  2. Choose the last layout from the Archive/Blog Style option to display in the row and column alignment
  3. Click on Publish button to save the changes made on the site.

Archive block layout is shown in the image below:

Post Column

  1. Go to Appearance > Customize > Theme Options > Blog/Archive section
  2. Choose the number of columns from the Post Column option to display in two or three column
  3. Click on Publish button to save the changes made on the site.
In Pro version of the theme, there is also an option for selecting four Post column.

Enable Drop Cap

  1. Go to Appearance > Customize > Theme Options > Blog/Archive section
  2. Switch on the Enable Drop Cap option to display the first letter of the content in the big bold letter
  3. Click on Publish button to save the changes made on the site.

Post Content Order

  1. Go to Appearance > Customize > Theme Options > Archive/Blog section
  2. Drap and drop the items in the Post Content Order option to give priority for showing items on the top or bottom
  3. Click on Publish button to save the changes made on the site.

Additional information: Clicking on eye icon will hide the content in the display window.

Meta Structure

  1. Go to Appearance > Customize > Theme Options > Archive/Blog section
  2. Drap and drop the items in the top under the Meta-Structure option to give priority for showing the item of meta in the left side
  3. Click on Publish button to save the changes made on the site.
Additional information: Clicking on eye icon will hide the content in the display window.

Post Content

  1. Go to Appearance > Customize > Theme Options > Archive/Blog section
  2. Choose the excerpt under the Post Content option to show the excerpt of your choice and the content option to show all of the content
  3. Click on Publish button to save the changes made on the site.

Excerpt Count

  1. Go to Appearance > Customize > Theme Options > Archive/Blog section
  2. Slide the slider to show the number of your words as chosen in the slider in the content under the Excerpt Count option
  3. Click on Publish button to save the changes made on the site.

Enable Post Thumbnail Letter

  1. Go to Appearance > Customize > Theme Options > Archive/Blog section
  2. Switch on the Enable Post Thumbnail Letter option to show the first letter of title in the blog thumbnail on hover
  3. Click on Publish button to save the changes made on the site.

Page

  1. Go to Appearance > Customize > Theme Options > Page section
  2. Customization for changing the order of the Page content can be done by performing a simple drag and drop operation
  3. Click on Publish button to save the changes made on the site.

Single Post

Single post option has different customization options such as Single Post Content Order, Enable Drop Cap, Enable Author Box and Enable Related Posts. The Pro version of the theme has the additional options of arranging Meta Tags Structure.

Single Post Content Order

  1. Go to Appearance > Customize > Theme Options > Single Post section
  2. Customization for changing the order of the single post under the Single Post Content Order option can be done by performing a simple drag and drop operation
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

After performing the drag and drop operation to the title, the changes can be seen in the image below:

Drop Cap

  1. Go to Appearance > Customize > Theme Options > Single Post section
  2. Switch on the Drop Cap to display the first letter of the paragraph bigger
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Author Box

  1. Go to Appearance > Customize > Theme Options > Single Post section
  2. Switch on the Author Box to display the Author info box on the single post
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Note: In Pro version , Go to Appearance > Customize > Theme Options > Author Box section for author box

Related Posts

  1. Go to Appearance > Customize > Theme Options > Single Post section
  2. Switch on the Related Posts option to display the Related Posts on the single post
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Meta Tags Structure

  1. Go to Appearance > Customize > Theme Options > Single Post section
  2. Drap and drop the items in the top under the Meta Tags Structure option to give priority for showing the item of meta in the left side
  3. Click on Publish button to save the changes made on the site.
Additional information: Clicking on eye icon will hide the content in the display window.
There are also options to hide the category and tags on the single post in the Pro version.

Post Ribbon

  1. Go to Appearance > Customize > Theme Options > Post Ribbon section
  2. Switch on the post ribbon under the Enable Post Ribbon option to show the post ribbon in the header below the menu
  3. Choose between the category or the latest post under the Category Select option and then select the Categories to show in the post ribbon
  4. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Additional Post Ribbon Options

  1. Go to Appearance > Customize > Theme Options > Post Ribbon section
  2. Switch on the post ribbon under the Enable Post Ribbon option to show the post ribbon in the header below the menu
  3. Switch on the Enable Carousel option to enable the post in a single row and off to show in multiple rows
  4. Switch on the Autoplay Carousel option to enable autoplay of the posts in the post ribbon
  5. Slide the slider under the Number of Post option to display posts as chosen in the slider
  6. Click on Publish button to save the changes made on the site.

Disabling the Carousel will result in the display of the post as in the image below:

Additional information: Pro version of the theme has two new styles for the footer.

Footer

Footer option includes options such as Footer Style and Back To Top option. The Pro version of the theme includes Back to top style, Copyright Text and Enable Social Icons.

Footer Style

  1. Go to Appearance > Customize > Theme Options > Footer section
  2. Customization for changing the style of the Footer can be done by simply choosing the footer style from the available options
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Enable Back To Top

  1. Go to Appearance > Customize > Theme Options > Footer section
  2. Switch on the Back to Top option to show the back to top button and off to hide the back to top button
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Additional Footer Style

  1. Go to Appearance > Customize > Theme Options > Footer section
  2. Choose the style under the Footer Style option to show the footer in different styles
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Copyright Text

  1. Go to Appearance > Customize > Theme Options > Footer section
  2. Edit the copyright text for showing in the footer under the Copyright Text option
  3. Click on Publish button to save the changes made on the site.

It is shown in the image below:

Enable Social Icons

  1. Go to Appearance > Customize > Theme Options > Footer section
  2. Switch on the Enable Social Icons button to show the social icons in the footer
  3. Click on Publish button to save the changes made to the site.

It is shown in the image below:

Menu layout

There are many additional options for the menus in the Pro version of the theme. There are also options for changing the color, background color and text size of the menu using different layouts.

Menu layout

  1. Go to Appearance > Customize > Theme Options > Menu section
  2. Choose any layout from the available layouts in Menu Layout
  3. After you have chosen the menu layout for your site, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Background Color

  1. Go to Appearance > Customize > Theme Options > Menu section
  2. Now, choose the required background color for your site
  3. After you have chosen the required background color for your site, you can click on Publish button to save the changes made on the site.

Font Size

  1. Go to Appearance > Customize > Theme Options > Menu section
  2. Now, choose the required font size for your text in the menu
  3. After you have chosen the required font size for your menu, you can click on the Publish button to save the changes made on the site.

Font Color

  1. Go to Appearance > Customize > Theme Options > Menu section
  2. Now, choose the required font color for your text in the menu
  3. After you have chosen the required font color for your menu, you can click on the Publish button to save the changes made on the site.

Slider

There is an additional option for the showing the slider in the Pro version of the theme. There is also an option for changing the order of slide items in the slider.

Enable Slider

  1. Go to Appearance > Customize > Theme Options > Slider section
  2. Switch on the slider under the Enable Slider option to show the slider
  3. After you have chosen the slider for your site, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Slider Order

  1. Go to Appearance > Customize > Theme Options > Menu section
  2. Now, drag and drop the slides and the item at the top will be shown at first followed by second and so on
  3. You can add additional slides in the slider by pressing Add New Slide button
  4. If you click on the Slider item option, you will be able to see different options for slides such as upload image, title, description, button text and the link
  5. After you have inserted the required options and re-arranged the order of slide, you can click on Publish button to save the changes made on the site.

The options inside the slide are shown in the image below:

Sticky Sidebar

A sticky sidebar is shown in the posts, pages, archives, etc.

Sticky Sidebar

  1. Go to Appearance > Customize > Theme Options > Sidebar section
  2. Switch on the sticky sidebar under the Sticky Sidebar option to show the sticky sidebar
  3. After you have enabled the sticky sidebar for your site, you can click on Publish button to save the changes on your site.

It is shown in the image below:

Related Post

In Pro version, the Related Post option is located in the Related Post panel instead of Single Post panel.

Enable Related Posts

  1. Go to Appearance > Customize > Theme Options > Related Posts section
  2. Switch on the related post under the Related Posts option to show other related posts in the footer of the single post
  3. After you have enabled the Related Post for your site, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Related Posts Style

  1. Go to Appearance > Customize > Theme Options > Related Posts section
  2. Choose the style for the related post under the Related Posts Style option to show other related posts in the different style
  3. After you have chosen the Related Post style, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Related Posts Column

  1. Go to Appearance > Customize > Theme Options > Related Posts section
  2. Choose the number of columns under the Related Posts Column option to show number columns in a row
  3. Choose the number of posts under the Number of posts option to show number posts in the related post
  4. After you have chosen the Related Post style, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Featured Post

In Pro version, the Featured Post option is used to show posts in a style which is located below the header.

Enable Featured Post

  1. Go to Appearance > Customize > Theme Options > Featured Post section
  2. Switch on the featured post under the Enable Featured Post option to show featured posts below the header in a blog/archive page
  3. After you have enabled the Featured Post for your site, you can click on the Publish button to save the changes on your site.

It is shown in the image below:

Category Select

  1. Go to Appearance > Customize > Theme Options > Featured Posts section
  2. Choose the category of the post under the Category Select option to show post related to the category or latest posts
  3. If you choose categories, then under the Categories option, select from the available categories to show posts in the featured post
  4. After you have chosen the Featured Post category, you can click on the Publish button to save the changes on your site.

Theme Bundled Widgets

As this theme is based on blog layout, so, this theme features 2 widgets within it to make it simple and easy to use. Here, we will describe the widgets bundled within this theme.

TG: Recent Posts

This widget is used for displaying the posts which are the most recently added.

  1. Go to Appearance > Widgets section
  2. Insert the TG: Recent Posts widget into the sidebar or a footer
  3. Insert the title and the number of posts to display in the recent post widget
  4. After you have inserted values, click on the Save button for the widget to display on the front.

It is shown in the image below:

TG: Popular Posts

This widget is used for displaying the posts which are the most popular.

  1. Go to Appearance > Widgets section
  2. Insert the TG: Popular Posts widget into the sidebar or a footer
  3. Insert the title and the number of posts to display in the popular post widget
  4. After you have inserted values, click on the Save button for the widget to display on the front.

It is shown in the image below:

Post Template

As this theme is based on blog layout, so, this theme features one template with full width for the image in the free version and extra one with parallax effect in the Pro version.

Cover Style

This template is used for displaying the posts with a full-width image.

  1. Go to Posts section in the dashboard
  2. Open the post of your choice and in the right-hand side under the Page Attributes section, choose the cover style template
  3. After you have chosen the template, click on the Update button for the effect to take place.

The post will be shown as in the image below:

Parallax style

This template is used for displaying the posts with parallax effect.

  1. Go to Posts section in the dashboard
  2. Open the post of your choice and in the right-hand side under the Page Attributes section, choose the parallax style template
  3. After you have chosen the template, click on the Update button for the effect to take place.

The post will be shown as in the image below:

After scrolling down, the image will be shown with the parallax effect as below:

Recommended image size

You can insert the images of your choice with good resolution in this theme. The 1920×1080 size images will be the best for the full-width & slider images on the site.

Recommended Image Size

  1. The recommended image size for Post thumbnail is 768 * 432.
  2. The recommended image size for Full-Width Image is 1160 * 653.
  3. The recommended image size for Post is 600 * 400.
  4. The recommended image size for Slider is 1400 * 600.
Cenote