Getting started
Installation
Upload Theme
- Go to Appearance > Themes in the WordPress Dashboard
- Click on the Add New button
- Click on the Upload link
- Select the cenote.zip file
- Click on Install Now button
Activate the theme
Now, hover over the Cenote theme thumbnail and press the Activate button
Custom Menu
Set up Custom Menu
- Go to Appearance > Menus in the WordPress Dashboard
- Click on Create a new menu link
- Give a name to your menu in Menu Name and click Create Menu button
- Now, choose the pages, categories, custom links from the left side of your screen by selecting the checkbox and click on Add Menu
- 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
- Click Save Menu after adding the required pages, categories & custom links in the menu
Site Identity
Site Identity
Logo, Site Title, Tagline & Site Icon can be upload and changed to best suit your site.
- Go to Appearance > Customize >Site Identity section
- Now, upload the required Logo for your site
- Insert the title and tagline as required in the site
- Click on Publish button to save the changes made on the site
It is shown in the image below:
To show site title & Tagline, set the Display Site Title and Tagline as checked and uncheck to hide.
Header Image
Header Image
- Go to Appearance > Customize >Header Image section
- Click on Add new image to upload the required image for your header
- 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:
Media Info box
- Go to Appearance > Customize >Header Image section
- Switch on the Enable Media Info Box to show the box in front of the header image which contains the title, text and button
- 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
- Insert the required title, description, button text and the link to URL after the button is clicked
- Click on Publish button to save the changes made on the site
It is shown in the image below:
Additional Header Media Layout
It is shown in the image below:
Background Color
Background Color
- Go to Appearance > Customize > Colors > Background Color section.
- Now, choose the required background color for your site
- 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
General
- From your WordPress Dashboard, go to Appearance > Customize > Theme Options > General section.
- Slide the slider to increase or decrease the width of the container, content and sidebar
- 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:
Social
- From your WordPress Dashboard, go to Appearance > Customize > Theme Options > Social section.
- Add the social Profile as required by clicking in Add new Social Profile button
- Click on Add image to upload the custom image for the social profile.
- 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.
Header
Header Top
- Go to Appearance > Customize > Theme Options > Header section.
- Switch on the Header Top to enable the header menu as well as the social link.
- 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.
Header Top Background Color
- Go to Appearance > Customize > Theme Options > Header section.
- Under the Background Color option, choose the color of your choice
- After you have chosen the color, you can click on the Publish button to save the changes on your site.
Header Top Padding
- Go to Appearance > Customize > Theme Options > Header section
- Under the Padding option, slide the slider to increase or decrease the height of the Header Top section
- 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
- Go to Appearance > Customize > Theme Options > Header section
- For showing the Header menu in Header Top section, you can assign the Menu Location of any custom menu to the Header Top
- For showing the Contact Info in Header Top section, you can insert the values in the Phone Number and Email address
- 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
- 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:
Sticky Header
- Go to Appearance > Customize > Theme Options > Header section
- Switch on the Sticky Header option to enable the sticky primary menu and switch off for non-sticky primary menu
- 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
- Go to Appearance > Customize > Theme Options > Header section
- From the Header Layout option, choose the layout from the available layouts according to your requirement
- 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
It is shown as below:
Search Icon
- Go to Appearance > Customize > Theme Options > Header section
- Switch on the Search Icon to enable the search icon and switch off to disable search icon
- 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
- Go to Appearance > Customize > Theme Options > Header section
- Now, choose the required background color for your header
- After you have chosen the color for the header, you can click on Publish button to save the changes on your site.
Header padding
- Go to Appearance > Customize > Theme Options > Header section
- Under the Padding option, slide the slider to increase or decrease the height of the Header section
- 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
- Go to Appearance > Customize > Theme Options > Sticky Header section
- Switch on to enable the Sticky Header
- 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
- Go to Appearance > Customize > Theme Options > Sticky Header section
- Switch on the Reading Progress Bar option to show the progress of a page loading in the sticky header
- 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
- Go to Appearance > Customize > Theme Options > Sticky Header section
- Switch on the Social Share option to show the social links in the sticky header
- 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
- Go to Appearance > Customize > Theme Options > Sticky Header section
- Switch on the Social Share option to show the social links in the sticky header
- Drap and drop the items in the Social Share option to show the social links in front of the other
- 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
- Go to Appearance > Customize > Theme Options > Sticky Header section
- Choose the required background color in the Background Color option for changing the color in the sticky header
- 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
- Go to Appearance > Customize > Theme Options > Color section
- Choose the color under Primary color option to change the color of meta and links on hover.
- After you have chosen a color for your site, you can click on Publish button to save the changes on your site.
Post Slider
- Go to Appearance > Customize > Theme Options > Post Slider section
- Switch on the Post Slider option to enable the slider
- 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
- Go to Appearance > Customize > Theme Options > Post Slider section
- Select between the two Category select options to show the slider from the latest post or category
- 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
- 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
- Go to Appearance > Customize > Theme Options > Post Slider section
- Select the layout from the Post Slider Layout option to show the slider having a different layout
- 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
- Go to Appearance > Customize > Theme Options > Breadcrumb section
- Switch on the Breadcrumb to enable the Breadcrumb for the site.
- 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
- Go to Appearance > Customize > Theme Options > Breadcrumb section
- Choose the style from the Breadcrumb style option
- 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
Site Layout
- Go to Appearance > Customize > Theme Options > Layout section
- Choose the layout from the Site Layout options such as Full-width content and Boxed content
- 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:
Archive/Blog Layout
- Go to Appearance > Customize > Theme Options > Layout section
- Choose the layout from the Archive/Blog Layout options such as Left Sidebar, Right Sidebar and Full-width content
- 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:
Single Post Layout
- Go to Appearance > Customize > Theme Options > Layout section
- Choose the layout from the Single Post Layout options such as Left Sidebar, Right Sidebar and Full-width content
- 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:
Page Layout
- Go to Appearance > Customize > Theme Options > Layout section
- Choose the layout from the Page Layout options such as Left Sidebar, Right Sidebar and Full-width content
- 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:
Typography
- Go to Appearance > Customize > Theme Options > Typography section
- Customization for the fonts can be done from the Typography options for Body & Heading
- 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
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Additional Typography option
- Go to Appearance > Customize > Theme Options > Typography section
- Customization for the fonts can be done from the Typography options for Body & Heading
- Now, Font Family, Variant, Font Size, Line Height and Color can be changed for the Body and Heading by clicking in the select box
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Heading Size
- Go to Appearance > Customize > Theme Options > Typography section
- Slide the slider under the Heading Size options for changing the size of different headings
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Post Meta
- Go to Appearance > Customize > Theme Options > Typography section
- Customization for the meta can be done under the Post Meta option
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Content Typography
- Go to Appearance > Customize > Theme Options > Typography section
- Customization for the content can be done under the Content Typography option
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Widget Title
- Go to Appearance > Customize > Theme Options > Typography section
- Customization for the title of the widget can be done under the Widget Title option including Font Family, Font Size, Text Transform & Color
- 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 Style
- Go to Appearance > Customize > Theme Options > Blog/Archive section
- Choose the required layout from the Archive/Blog Style option
- 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
- Go to Appearance > Customize > Theme Options > Blog/Archive section
- Choose the last layout from the Archive/Blog Style option to display in the row and column alignment
- Click on Publish button to save the changes made on the site.
Archive block layout is shown in the image below:
Post Column
- Go to Appearance > Customize > Theme Options > Blog/Archive section
- Choose the number of columns from the Post Column option to display in two or three column
- Click on Publish button to save the changes made on the site.
Enable Drop Cap
- Go to Appearance > Customize > Theme Options > Blog/Archive section
- Switch on the Enable Drop Cap option to display the first letter of the content in the big bold letter
- Click on Publish button to save the changes made on the site.
Post Content Order
- Go to Appearance > Customize > Theme Options > Archive/Blog section
- Drap and drop the items in the Post Content Order option to give priority for showing items on the top or bottom
- Click on Publish button to save the changes made on the site.
Meta Structure
- Go to Appearance > Customize > Theme Options > Archive/Blog section
- 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
- Click on Publish button to save the changes made on the site.
Post Content
- Go to Appearance > Customize > Theme Options > Archive/Blog section
- 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
- Click on Publish button to save the changes made on the site.
Excerpt Count
- Go to Appearance > Customize > Theme Options > Archive/Blog section
- Slide the slider to show the number of your words as chosen in the slider in the content under the Excerpt Count option
- Click on Publish button to save the changes made on the site.
Enable Post Thumbnail Letter
- Go to Appearance > Customize > Theme Options > Archive/Blog section
- Switch on the Enable Post Thumbnail Letter option to show the first letter of title in the blog thumbnail on hover
- Click on Publish button to save the changes made on the site.
Page
- Go to Appearance > Customize > Theme Options > Page section
- Customization for changing the order of the Page content can be done by performing a simple drag and drop operation
- Click on Publish button to save the changes made on the site.
Single Post
Single Post Content Order
- Go to Appearance > Customize > Theme Options > Single Post section
- 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
- 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
- Go to Appearance > Customize > Theme Options > Single Post section
- Switch on the Drop Cap to display the first letter of the paragraph bigger
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Author Box
- Go to Appearance > Customize > Theme Options > Single Post section
- Switch on the Author Box to display the Author info box on the single post
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Related Posts
- Go to Appearance > Customize > Theme Options > Single Post section
- Switch on the Related Posts option to display the Related Posts on the single post
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Meta Tags Structure
- Go to Appearance > Customize > Theme Options > Single Post section
- 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
- Click on Publish button to save the changes made on the site.
There are also options to hide the category and tags on the single post in the Pro version.
Post Ribbon
- Go to Appearance > Customize > Theme Options > Post Ribbon section
- Switch on the post ribbon under the Enable Post Ribbon option to show the post ribbon in the header below the menu
- Choose between the category or the latest post under the Category Select option and then select the Categories to show in the post ribbon
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Additional Post Ribbon Options
- Go to Appearance > Customize > Theme Options > Post Ribbon section
- Switch on the post ribbon under the Enable Post Ribbon option to show the post ribbon in the header below the menu
- Switch on the Enable Carousel option to enable the post in a single row and off to show in multiple rows
- Switch on the Autoplay Carousel option to enable autoplay of the posts in the post ribbon
- Slide the slider under the Number of Post option to display posts as chosen in the slider
- 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:
Footer
Footer Style
- Go to Appearance > Customize > Theme Options > Footer section
- Customization for changing the style of the Footer can be done by simply choosing the footer style from the available options
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Enable Back To Top
- Go to Appearance > Customize > Theme Options > Footer section
- Switch on the Back to Top option to show the back to top button and off to hide the back to top button
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Additional Footer Style
- Go to Appearance > Customize > Theme Options > Footer section
- Choose the style under the Footer Style option to show the footer in different styles
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Copyright Text
- Go to Appearance > Customize > Theme Options > Footer section
- Edit the copyright text for showing in the footer under the Copyright Text option
- Click on Publish button to save the changes made on the site.
It is shown in the image below:
Enable Social Icons
- Go to Appearance > Customize > Theme Options > Footer section
- Switch on the Enable Social Icons button to show the social icons in the footer
- Click on Publish button to save the changes made to the site.
It is shown in the image below:
Menu layout
Menu layout
- Go to Appearance > Customize > Theme Options > Menu section
- Choose any layout from the available layouts in Menu Layout
- 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
- Go to Appearance > Customize > Theme Options > Menu section
- Now, choose the required background color for your site
- 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
- Go to Appearance > Customize > Theme Options > Menu section
- Now, choose the required font size for your text in the menu
- 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
- Go to Appearance > Customize > Theme Options > Menu section
- Now, choose the required font color for your text in the menu
- 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
Enable Slider
- Go to Appearance > Customize > Theme Options > Slider section
- Switch on the slider under the Enable Slider option to show the slider
- 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
- Go to Appearance > Customize > Theme Options > Menu section
- Now, drag and drop the slides and the item at the top will be shown at first followed by second and so on
- You can add additional slides in the slider by pressing Add New Slide button
- 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
- 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
Sticky Sidebar
- Go to Appearance > Customize > Theme Options > Sidebar section
- Switch on the sticky sidebar under the Sticky Sidebar option to show the sticky sidebar
- 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
Enable Related Posts
- Go to Appearance > Customize > Theme Options > Related Posts section
- Switch on the related post under the Related Posts option to show other related posts in the footer of the single post
- 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
- Go to Appearance > Customize > Theme Options > Related Posts section
- Choose the style for the related post under the Related Posts Style option to show other related posts in the different style
- 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
- Go to Appearance > Customize > Theme Options > Related Posts section
- Choose the number of columns under the Related Posts Column option to show number columns in a row
- Choose the number of posts under the Number of posts option to show number posts in the related post
- 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
Enable Featured Post
- Go to Appearance > Customize > Theme Options > Featured Post section
- Switch on the featured post under the Enable Featured Post option to show featured posts below the header in a blog/archive page
- 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
- Go to Appearance > Customize > Theme Options > Featured Posts section
- Choose the category of the post under the Category Select option to show post related to the category or latest posts
- If you choose categories, then under the Categories option, select from the available categories to show posts in the featured post
- 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
TG: Recent Posts
This widget is used for displaying the posts which are the most recently added.
- Go to Appearance > Widgets section
- Insert the TG: Recent Posts widget into the sidebar or a footer
- Insert the title and the number of posts to display in the recent post widget
- 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.
- Go to Appearance > Widgets section
- Insert the TG: Popular Posts widget into the sidebar or a footer
- Insert the title and the number of posts to display in the popular post widget
- 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
Cover Style
This template is used for displaying the posts with a full-width image.
- Go to Posts section in the dashboard
- Open the post of your choice and in the right-hand side under the Page Attributes section, choose the cover style template
- 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.
- Go to Posts section in the dashboard
- Open the post of your choice and in the right-hand side under the Page Attributes section, choose the parallax style template
- 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
Recommended Image Size
- The recommended image size for Post thumbnail is 768 * 432.
- The recommended image size for Full-Width Image is 1160 * 653.
- The recommended image size for Post is 600 * 400.
- The recommended image size for Slider is 1400 * 600.