Blogmatic – Blazetheme Documentation

Blogmatic Theme Documentation

1. Getting Started
2. Installation
3. License Integration
4. Pre-Built Websites
5. Demo Import
6. Global Option
7. Colors
8. Header Builder
9. Advertisement
10. Typography
11. Sidebar / Widget Styles
12. Mobile Options
13. Main Banner
14. Category Collection
15. Carousel
16. Video Playlist
17. Blog / Archive
18. Single Post
19. Page Settings
20. Footer Builder
21. Background
22. Menu
23. Widgets
24. Homepage Settings

1. Getting Started

Introduction

We would like to thank you for choosing Blogmatic.

Now, it’s so easy to make each website unique with Blogistic. Theme is suitable WordPress Theme for blog, lifestyle, fashion, photography, food, beauty, helps you to write articles and blog posts in a specific niche. We’ve added incredible, premium, and customizable features for a high-quality browsing experience from all types of devices. The sophisticated design, clean coding, responsive and multiple layouts, intelligent ads, and spectacular grid system will make your digital experience smooth and satisfying.

Blogmatic is also built with input from SEO Experts. To make the theme Search Engine and Mobile friendly features have been enabled that will help rank your web pages on search engines and load the pages faster on user’s devices. Check out our beautiful pre-built demos now: All pre-built demos

2. Installation

Administration Panel

Log in to your WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Search for “Blogmatic” in the search field.
You can upload the theme zip file if you have downloaded before.
Click on Install button and then Activate the theme.

Pro Version

Buy Blogmatic premium version from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page

Log in to your WordPress Administration Panel.
Click on Appearance -> Themes -> Add New
Upload the theme zip file that you have downloaded.
Click on Install button and then Activate the theme.

CPanel/ FTP

Download the latest version of the Blogmatic from https://wordpress.org/themes/blogmatic page.

Unzip the downloaded zip file.
Upload the unzipped file inside public_html/wp-content/themes/.
Now, activate the theme through Dashboard > Appearance -> Themes
Activate the Blogmatic and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.

Pro Version

Buy Blogmatic from the blazethemes store you will get email once your purchase is completed. Download the theme zip from the link given in the email or download the latest version of the theme from “My Account” page

Unzip the downloaded zip file.
Upload the unzipped file inside public_html/wp-content/themes/.
Now, activate the theme through Dashboard > Appearance -> Themes
Activate the Blogmatic and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.

3. License Integration

Activating License

Pro Version

You need to activate the license key in order to receive Automatic Theme Updates which includes featured updates, security updates and bug fixes. To activate the license key,

First you have to find the license key that you will get in your purchase confirmation email.
You can also find your license key in “My Account” page of blazethemes.com
Now, go through your dashboard > appearance > Blogmatic License
Paste the license key in the input field and click “Activate License”

4. Pre-Built Websites

Pre-built Websites

It is hard to mix all the right elements when you try to create the perfect site. So we have created some beautiful and flexible pre-built websites that make you easier. Pre-built websites are easy and quick to install in your WordPress. Our Pre-built websites were carefully tested so you don’t have to create your site everything from scratch. Just one click and you are good to start.

5. Demo Import

Importing Demo Content

After you activate Blogmatic in your website. You can use demo import to make your site look like one of our available demos.

Go to Appearance > Blogmatic Info
You can see list of all demos in this page
If you have not install/activate the Blazethemes Demo Importer plugin Click on install/activate demo importer button just above the demos listing section

6. Global Option

SEO / Misc

To work on SEO / Miscs

Dashboard > Appearance > Customize > Global Option > SEO / Miscs
Toggle to make website schema ready
Choose published or modified date to show from dropdown
choose date format applied to single and archive pages from dropdown
Toggle to enable / disable theme admin notices

Preloader

To work on Preloader

Dashboard > Appearance > Customize > Global Option > Preloader
Toggle to enable site preloader

Pro Version

Dashboard > Appearance > Customize > Global Option > Preloader
Toggle to enable site preloader
Choose available preloader styles
Choose to display preloader animation
Choose background color

Website Layout

The layout of your website can define its success. Get the wrong design and people will be confused and destroying the user experience.

To work on Website Layout

Dashboard > Appearance > Customize > Global Option > Website Layout
Choose website layout to box-width or full width

Pro Version

Dashboard > Appearance > Customize > Global Option > Website Layout
Choose website layout to box-width or full width
Choose available block title layouts

Animation / Hover Effects

Animation / Hover Effects can personalize your site and create delightful experiences for your visitors. When a website visitor or user hovers over an animated element like a link or button for example, it can change color, grow, rotate and more. This is enjoyable for the visitor or user and shows that your site is working. We have provided five post title hover effects and five image hover effects in pro version and one each in free version.

To work on Animation / Hover Effects

Dashboard > Appearance > Customize > Global Option > Animation / Hover Effects
Change post title hover effects from dropdown
Change image hover effects from dropdown
Choose cursor animation to show

Pro Version

Dashboard > Appearance > Customize > Global Option > Animation / Hover Effects
Toggle to enable AOS animation
Change post title hover effects from dropdown
Change image hover effects from dropdown
Choose cursor animation from dropdown

Buttons

To work on Buttons

Dashboard > Appearance > Customize > Global Option > Buttons
Customize button typography

Pro Version

Dashboard > Appearance > Customize > Global Option > Buttons
Change the button label and button icon
Customize button font size
Customize button typography
Change button color, background color
Select border, border width and color to buttons
Change border radius
Customize initial box shadow and hover box shadow
Customize button padding

Post Format

To work on Post Format

Dashboard > Appearance > Customize > Global Option > Post Format
Choose icons for standard post format, audio post format, gallery post format, image post format, quote post format and video post format or upload “SVG” image

Breadcrumb Option

Breadcrumbs are a secondary navigation aid that helps users easily understand the relation between their location on a page. It can show users how the page they are on is categorized on the site or the path the user took to find it.

To work on Breadcrumb Option

Dashboard > Appearance > Customize > Global Option > Breadcrumb Option
Toggle to show breadcrumb trails
Choose breadcrumb type from dropdown after installing respective plugins
Click to design tab
Customize breadcrumb typography

Pro Version

Dashboard > Appearance > Customize > Global Option > Breadcrumb Option
Toggle to show breadcrumb trails
Choose breadcrumb type from dropdown after installing respective plugins
Choose separator icon
Click to design tab
Customize breadcrumb typography
Change breadcrumb text color, link color and background color and box-shadow
Customize breadcrumb padding

Social Share

Pro Version

To work on Social Share

Dashboard > Appearance > Customize > Global Option > Social Share
Toggle to show social share
Choose social icon to show, icon color and background color from dropdown
Click to add new icon
Toggle to inherit official color
Choose display type inline or fixed

7. Colors

Theme Colors / Preset

Color is such a fundamental part of the way we perceive the world. This is why one of the most powerful tools in a designer’s arsenal is color. It can either make or break a design; it can be the determining factor in engaging viewers or sending them promptly on their way.

Color Presets help you to get the variety of Shades of the selected Palette. You get the shades automatically for any new Color you modify in the Palette.

To work on Theme Colors / Preset

Dashboard > Appearance > Customize > Colors > Theme Colors / Preset
Choose theme color and gradient theme color
Set solid color presets
Click to add new solid color presets palette
Set gradient color presets
Click to add new gradient color presets palette

Category Colors

To work on Category Colors

Dashboard > Appearance > Customize > Colors > Category Colors
Choose category text color and background color

Tag Colors

To work on Tag Colors

Dashboard > Appearance > Customize > Colors > Tag Colors
Choose tags color and background color

8. Header Builder

Header Builder

To work on Header Builder

Dashboard > Appearance > Customize > Header Builder
Select section width
Toggle to enable header section sticky
Toggle to enable header sticky in 1st row
Toggle to enable header sticky in 2nd row
Toggle to enable header sticky in 3rd row
Choose header background color

Pro Version

Dashboard > Appearance > Customize > Header Builder
Select section width
Toggle to enable header section sticky
Toggle to enable header sticky in 1st row
Toggle to enable header sticky in 2nd row
Toggle to enable header sticky in 3rd row
Toggle to enable header sticky on scroll up
Toggle to enable header sticky on scroll down

Design Tab

Click to design tab
Choose header background color
Customize border, box shadow and margin

To work on Search

Dashboard > Appearance > Customize > Header Builder > Search
Customize search icon size
Change icon color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Search
Choose search type from dropdown
Customize search icon size
Change icon color

Site Logo and Title

To work on Site Logo and Title

Dashboard > Appearance > Customize > Header Builder > Site Logo and Title
Upload the logo and site icon you want to set for your site.
Select logo width
Upload the logo for site icon as recommended it should be square and at least 512 * 512 pixels.

Site Title & Tagline

Place site title and tagline
Select site title tag ( For Frontpage )and site title tag ( For Innerpage ) from dropdown
Click to display site title and display site description from checkbox

Design Tab

Customize site title typography and site description typography
Change site title color / hover color and site description color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Site Logo and Title
Upload the logo and site icon you want to set for your site.
Upload site logo from “dark mode”
Select logo width
Upload the logo for site icon as recommended it should be square and at least 512 * 512 pixels.

Site Title & Tagline

Place site title and tagline
Select site title tag ( For Frontpage )and site title tag ( For Innerpage ) from dropdown
Click to display site title and display site description from checkbox

Design Tab

Customize site title typography and site description typography
Change site title color / hover color and site description color

Social Icons

To work on Social Icons

Dashboard > Appearance > Customize > Header Builder > Social Icons
Choose social icon to show from dropdown
Place URL for icon
Change social icon color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Social Icons
Select social icon open in new tab or same tab
Choose social icon to show from dropdown
Place URL for icon
Click to add new icon
Toggle to inherit official color
Toggle to show social icons hover animation
Customize social icon font size
Change social icon color

Theme Mode

To work on Theme Mode

Dashboard > Appearance > Customize > Header Builder > Theme Mode
Choose dark icon and light icon
Customize icon size
Change dark icon color and light icon color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Theme Mode
Choose dark icon and light icon
Toggle to set dark mode as default
Customize icon size
Change dark icon color and light icon color

To work on Menu

Dashboard > Appearance > Customize > Header Builder > Menu
Choose hover effect from dropdown

Design tab

Click to design tab
Customize menu typography
Change menu text color and sub menu color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Menu
Choose hover effect from dropdown
Toggle to enable menu cutoff
Choose menu cutoff up to
Place menu cutoff more text

Design tab

Click to design tab
Customize menu typography
Change menu text color and active color
Change submenu text color, background color and box shadow

Off Canvas

To work on Off Canvas

Dashboard > Appearance > Customize > Header Builder > Off Canvas
Choose canvas position align left or right
Select canvas menu icon color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Off Canvas
Choose canvas position align left or right
Customize canvas width

Design Tab

Click to design tab
Select canvas menu icon color
Select canvas background color
Customize canvas border

Button

To work on Button

Dashboard > Appearance > Customize > Header Builder > Button
Place button label
Add URL for the button to redirect
Choose animation type from dropdown

Design Tab

Click to design tab
Customize button typography
Choose button background color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Button
Place button label
Choose button icon
Add URL for the button to redirect
Choose url to open in new tab or same tab
Customize icon size and icon distance
Choose icon context before or after
Choose animation type from dropdown

Design Tab

Click to design tab
Customize button typography
Choose button text color
Choose button icon color
Choose button background color
Customize border, border radius, box shadow and padding

Date / Time

To work on Date / Time

Dashboard > Appearance > Customize > Header Builder > Date / Time
Customize date / time typography
Choose date / time color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Date / Time
Customize date / time typography
Choose date / time color
Choose date / time background color
Customize date / time border and padding

Instagram

Pro Version

To work on Instagram

Dashboard > Appearance > Customize > Header Builder > Instagram
Choose Instagram layout
Upload image and URL link from dropdown
Click to add new post
Toggle to link URL with image
Choose open link in
Choose Rel attribute
Choose number of columns to show
Toggle to show image caption and Instagram button

Slider Settings

Toggle to enable slider
Toggle to show arrows, enable autoplay and enable infinite slide
Choose slider autoplay speed, slider speed
Choose slides to show and slides to scroll

Image Settings

Choose image sizes from dropdown
Customize image ratio, image radius and border
Choose image hover effect from dropdown

Design Tab

Click to design tab
Modify the typography as your choice
Customize section padding and item gap

Advertisement Banner

Pro Version

To work on Advertisement Banner

Dashboard > Appearance > Customize > Header Builder > Advertisement Banner
Upload Ads banner image
Toggle to link URL

9. Advertisement

To work on Advertisement

Dashboard > Appearance > Customize > Advertisement
Click to dropdown arrow
Upload advertisement image
Place your URL
Click to open in new tab or same tab
Click to rel to no follow, no opener or no referrer
Choose display area
Choose image alignment and image option to original or full with

Pro Version

Dashboard > Appearance > Customize > Advertisement
Click to dropdown arrow
Upload advertisement image
Place your URL
Click to open in new tab or same tab
Click to rel to no follow, no opener or no referrer
Choose display area
Choose image alignment and image option to original or full with
Click to add new advertisement

10. Typography

Typography

Typography design serves many purposes, from making words legible to evoking emotion to creating a consistent brand identity. A brand logo that incorporates good typographic elements can result in consumers viewing the brand positively, and visually pleasing font pairings can make presentations more dynamic.

To work on Typography

Dashboard > Appearance > Customize > Typography
Set typography preset
Click to add more typography preset

11. Sidebar / Widget Styles

Sidebar / Widget Styles

To work on Sidebar / Widget Styles

Dashboard > Appearance > Customize > Sidebar / Widget Styles
Customize card border radius
Customize sidebar typography and heading typography

Pro Version

Dashboard > Appearance > Customize > Sidebar / Widget Styles
Toggle to enable sidebar sticky
Customize card border radius and image border radius
Customize card padding
Choose inner background color
Customize box shadow and border bottom
Customize sidebar typography and heading typography

12. Mobile Options

Mobile Options

To work on Mobile Options

Dashboard > Appearance > Customize > Mobile Options
Click to show readmore button on mobile
Click to show background animation on mobile
Click to show scroll to top on mobile

Pro Version

Dashboard > Appearance > Customize > Mobile Options
Click to show main banner excerpt on mobile
Click to show carousel banner excerpt on mobile
Click to show video playlist on mobile
Click to show archive excerpt on mobile
Click to show archive category on mobile
Click to show archive date on mobile
Click to show archive text on mobile
Click to show archive author on mobile
Click to show archive text on mobile
Click to show readmore button on mobile
Click to show readtime on mobile
Click to show comment number on mobile
Click to show left sidebar on mobile
Click to show right sidebar on mobile
Click to show background animation on mobile
Click to show social share on mobile
Click to show table of content label on mobile
Click to show scroll to top on mobile

13. Main Banner

Main Banner

To work on Main Banner

Dashboard > Appearance > Customize > Main Banner
Toggle to show main banner
Select post categories and posts to include and post order from dropdown
Choose number of posts to show
Toggle to hide posts with no featured image
Choose elements alignment
Choose image sizes from dropdown

Design Tab

Click to design tab
Customize elements typography

Pro Version

Dashboard > Appearance > Customize > Main Banner
Toggle to show main banner
Choose banner layouts to show
Choose banner to display in from dropdown
Toggle to show social share

Post Query

Select post categories, posts to include, posts to exclude, posts tags, posts authors and post order from dropdown
Choose number of posts to show
Choose posts offset
Toggle to hide posts with no featured image

Post Elements Settings

Toggle to show title
Choose title tag from dropdown
Toggle to show categories, author, author image and date
Customize date icon size
Choose date icon
Toggle to show excerpt
Choose excerpt length to show
Choose elements alignment

Slider Settings

Toggle to show slider arrows
Choose slider preview arrow and next arrow
Customizer slider icon size
Toggle to show slider fade
Toggle to activate infinite loop
Toggle to enable autoplay
Choose speed of autoplay and slider fade animation speed
Toggle to show arrow on hover

Image Settings

Choose image sizes from dropdown
Customize image ratio, border and border radius

Design Tab

Click to design tab
Choose content background
Customize elements typography

14. Category Collection

Category Collection

To work on Category Collection

Dashboard > Appearance > Customize > Category Collection
Toggle to enable category collection
Choose number of columns to show

Query Settings

Select post categories to include and posts category to exclude from dropdown
Choose order by from dropdown
Choose number of category to show

Image Settings

Choose image sizes from dropdown
Customize border radius
Choose hover effects

Design Tab

Click to design tab
Customize typography

Pro Version

Dashboard > Appearance > Customize > Category Collection
Toggle to enable category collection
Choose category layout
Choose display category in from dropdown
Toggle to show category count
Choose number of columns to show

Query Settings

Select post categories to include and posts category to exclude
Choose order by from dropdown
Choose number of category to show
Choose offset
Toggle to hide empty category

Slider Settings

Toggle to enable slider
Toggle to show arrows
Toggle to enable autoplay
Choose autoplay speed
Toggle to enable infinite slide
Choose slider speed
Choose number 0f slides to show
Choose number of slides to scroll

Image Settings

Choose image sizes from dropdown
Customize image ratio, border radius
Choose hover effects

Design Tab

Click to design tab
Customize typography
Choose text color / hover color
Choose content background color
Customize box shadow

15. Carousel

Carousel

To work on Carousel

Dashboard > Appearance > Customize > Carousel
Toggle to show Carousel
Choose number of columns to show

Query Settings

Select post categories and posts to include from dropdown
Choose post order from dropdown
Choose number of posts to show
Toggle to hide posts with no featured image

Post Elements Settings

Choose elements alignment

Image Settings

Choose image sizes from dropdown
Customize border radius

Design Tab

Click to design tab
Customize typography

Pro Version

Dashboard > Appearance > Customize > Carousel
Toggle to show Carousel
Choose carousel layouts
Choose carousel display in from dropdown
Choose number of columns to show

Query Settings

Select post categories, posts to include, posts to exclude, posts tags and posts authors from dropdown
Choose post order from dropdown
Choose number of posts to show
Choose offset
Toggle to hide posts with no featured image

Post Elements Settings

Toggle to show title
Choose title tag from dropdown
Toggle to show categories, featured image, author, author image and date
Choose date icon
Customize date icon size
Toggle to show excerpt
Choose excerpt length
Choose elements alignment

Slider Settings

Toggle to show slider arrows
Choose slider preview arrow and next arrow
Customize icon size
Toggle to enable infinite loop and enable autoplay
Choose autoplay speed
Choose slider speed
Choose slides to scroll
Toggle to show arrow on hover

Image Settings

Choose image sizes from dropdown
Customize image ratio, border and border radius

Design Tab

Click to design tab
Choose content background
Customize card border radius
Customize typography

16. Video Playlist

Video Playlist

Pro Version

To work on Video Playlist

Dashboard > Appearance > Customize > Video Playlist
Toggle to show video playlist
Generate Youtube API key to display proper title and video duration
Choose available layouts
Paste your API key in empty box
Add your video url as much as you want and also hold bar icon and drag vertically to re-order videos
Choose display position
Choose video play icon and pause icon
Customize play / pause icon size

Design Tab

Click to Design option
Customize typography
Customize color settings, border radius and box shadow

17. Blog / Archive

General Settings

To work on General Settings

Dashboard > Appearance > Customize > Blog / Archive > General Settings
Choose available archive layouts
Select sidebar layout
Choose elements alignment
Select image sizes from dropdown

Design tab

Click to design tab
Customize card border radius and typography

Pro Version

Dashboard > Appearance > Customize > Blog / Archive > General Settings
Choose number of columns to show
Choose available archive layouts
Select sidebar layout
Toggle to show social share

Elements Settings

Select elements alignment
Toggle to show post title
Select title tag from dropdown
Toggle to show post excerpt
Choose excerpt length to show
Toggle to show post category, post date
Select date icon
Toggle to show post read time
Select read time icon
Toggle to show comments number
Select comments number icon
Toggle to show author, author image and button
Toggle to hide image placeholder

Image Settings

Select image sizes from dropdown
Customize image ratio, border, border radius and box shadow

Design tab

Click to design tab
Select inner background color
Customize card border radius, box shadow and border
Customize typography

Category Page

To work on Category Page

Dashboard > Appearance > Customize > Blog / Archive > Category Page
Toggle to show category info box
Click to design tab
Customize typography

Pro Version

Dashboard > Appearance > Customize > Blog / Archive > Category Page
Toggle to show category info box
Toggle to show category icon
Select category icon
Toggle to show category title
Select category title html tag from dropdown
Toggle to show category description

Design Tab

Choose background color and box shadow
Customize typography

Tag Page

To work on Tag Page

Dashboard > Appearance > Customize > Blog / Archive > Tag Page
Toggle to show tag info box
Click to design tab
Customize typography

Pro Version

Dashboard > Appearance > Customize > Blog / Archive > Tag Page
Toggle to show tag info box
Toggle to show tag icon
Select tag icon
Toggle to show tag title
Select tag title html tag from dropdown
Toggle to show category description

Design Tab

Choose background color and box shadow
Customize typography

Author Page

To work on Author Page

Dashboard > Appearance > Customize > Blog / Archive > Author Page
Toggle to show author info box
Click to design tab
Customize typography

Pro Version

Dashboard > Appearance > Customize > Blog / Archive > Author Page
Toggle to show author info box
Toggle to show author image
Toggle to show author title
Toggle to show author description
Select author title html tag from dropdown

Design Tab

Choose background color and box shadow
Customize typography

Pagination Settings

To work on Pagination Settings

Dashboard > Appearance > Customize > Blog / Archive > Pagination Settings
Choose pagination type from dropdown

Pro Version

Dashboard > Appearance > Customize > Blog / Archive > Pagination Settings
Select ajax load more
Choose button label
Select button icon
Select icon context
Choose no more results text
Select button text color and button background color

18. Single Post

General Settings

To work on General Settings

Dashboard > Appearance > Customize > Single Post > General Settings
Choose available single layouts
Choose sidebar layouts
Select image sizes from dropdown

Design Tab

Customize border radius
Customize typography\

Pro Version

Dashboard > Appearance > Customize > Single Post > General Settings
Choose available single layouts
Choose sidebar layouts
Customize content width

Author Box

Toggle to show author box
Toggle to show author image
Toggle to show author title
Toggle to show author description

Toggle to show post navigation
Toggle to show post thumbnail
Toggle to show date

Image settings

Select image sizes from dropdown
Customize image ratio, border, border radius and box shadow

Design Tab

Click to design tab
Customize typography

Elements Settings

To work on Elements Settings

Dashboard > Appearance > Customize > Single Post > Elements Settings
Toggle to show author and author image
Select post content alignment

Pro Version

Dashboard > Appearance > Customize > Single Post > Elements Settings
Toggle to show post title
Select title tag from dropdown
Toggle to show post thumbnail
Toggle to show post category
Toggle to show post date
Select date icon
Toggle to show post read time
Select read time icon
Toggle to show comments number
Select comments icon
Toggle to show author
Toggle to show author image
Toggle to show lightbox
Select post content alignment

Table of Content

Pro Version

To work on Table of Content

Dashboard > Appearance > Customize > Single Post > Table of Content
Toggle to enable table of content
Place table of content title
Select field of headings from dropdown
Select table of content view
Select list type
Select display type inline or fixed
Toggle to enable accordion
Toggle to default toggle open
Select open icon and close icon

To work on Related Posts

Dashboard > Appearance > Customize > Single Post > Related Posts
Toggle to show related articles
Place related articles title

Pro Version

Dashboard > Appearance > Customize > Single Post > Related Posts
Toggle to show related articles
Choose related posts layout
Place related articles title
Choose number of columns to show
Select filter by from dropdown
Toggle to show author, date and comments

19. Page Settings

Page Settings

To work on Page Settings

Dashboard > Appearance > Customize > Page Settings > Page Settings
Choose sidebar layout
Select image sizes from dropdown

Design Tab

Click to design tab
Customize border radius
Customize typography

Pro Version

Dashboard > Appearance > Customize > Page Settings > Page Settings
Choose sidebar layout
Toggle to show page title
Select title tag from dropdown
Toggle to show page thumbnail and post content

Image Settings

Select image sizes from dropdown
Customize image ratio, border, border radius and box shadow

Design Tab

Click to design tab
Customize typography
Customize card background color, border radius and box shadow

404 Page

Pro Version

To work on 404 Page

Dashboard > Appearance > Customize > Page Settings > 404 Page
Choose sidebar layout
Place 404 title text
Upload 404 image
Place 404 content text
Toggle to show 404 button
Place 404 button text
Select button icon
Customize icon size
Choose icon context

Design Tab

Customize typography
Customize background color
Customize button background color

Search Page

Pro Version

To work on Search Page

Dashboard > Appearance > Customize > Page Settings > Search Page
Choose sidebar layout
Toggle to show search form
Place search page title, nothing fount title and nothing found content
Place button text
Customize box shadow

Table of Content

Pro Version

To work on Table of Content

Dashboard > Appearance > Customize > Page Settings > Table of Content
Toggle to enable table of content
Place table of content title
Select field of headings from dropdown
Select table of content view
Select list type
Select display type inline or fixed
Toggle to enable accordion
Toggle to default toggle open
Select open icon and close icon

20. Footer Builder

Footer Builder

To work on Footer Builder

Dashboard > Appearance > Customize > Footer Builder
Select section width
Modify the typography as your choice

Pro Version

Dashboard > Appearance > Customize > Footer Builder
Select section width
Choose section background color
Modify border and margin
Modify the typography as your choice
Choose block title color and text color

Logo

To work on Logo

Dashboard > Appearance > Customize > Footer Builder > Logo
Choose log from default site logo and custom from dropdown
Modify logo width

Social Icons

To work on Social Icons

Dashboard > Appearance > Customize > Footer Builder > Social Icons
Choose social icon to show from dropdown
Place URL for icon
Change social icon color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Social Icons
Select social icon open in new tab or same tab
Choose social icon to show from dropdown
Place URL for icon
Click to add new icon
Toggle to inherit official color
Toggle to show social icons hover animation
Customize social icon font size
Change social icon color

Menu Options

To work on Menu Options

Dashboard > Appearance > Customize > Footer Builder > Menu Options
Select a menu from dropdown
Modify typography

Pro Version

Dashboard > Appearance > Customize > Footer Builder > Menu Options
Select a menu from dropdown
Modify typography
Choose menu color / hover color

You May Have Missed

To work on You May Have Missed

Dashboard > Appearance > Customize > Footer Builder > You May Have Missed
Toggle to enable you may have missed
Choose number of columns to show
Toggle to show section title
Choose posts categories and posts to include from dropdown
Select post order from dropdown
Choose number of posts to show
Toggle to hide posts with no featured image
Choose elements alignment
Select image sizes from dropdown
Modify image border radius
Modify typography

Pro Version

Dashboard > Appearance > Customize > Footer Builder > You May Have Missed
Toggle to enable you may have missed
Choose you may have missed layouts
Choose number of columns to show
Toggle to show section title
Place section title

Post Query

Choose posts categories, posts to include, posts to exclude, posts tags and posts authors from dropdown
Select post order from dropdown
Select offset
Choose number of posts to show
Toggle to hide posts with no featured image

Post Elements Settings

Toggle to show title
Select title tag from dropdown
Toggle to show categories, author and date
Choose date icon
Choose elements alignment

Image Settings

Select image sizes from dropdown
Modify image ratio, image border, box shadow and image border radius

Design Tab

Click to design tab
Choose block title color and post title color
Modify typography

To work on Copyright

Dashboard > Appearance > Customize > Footer Builder > Copyright
Change copyright text
Modify copyright text

Pro Version

Dashboard > Appearance > Customize > Footer Builder > Copyright
Change copyright text
Modify copyright text
Choose text color and link color

Scroll to Top

To work on Scroll to Top

Dashboard > Appearance > Customize > Footer Builder > Scroll to Top
Place scroll to top button label

Pro Version

Dashboard > Appearance > Customize > Footer Builder > Scroll to Top
Place scroll to top button label
Choose button icon and button alignment
Select display type inline or fixed

Design Tab

Click to design tab
Choose icon text color and background color

21. Background

Background

To work on Background

Dashboard > Appearance > Customize > Background
Select background image
Choose background animation to show from dropdown
Change animation object color

Pro Version

Dashboard > Appearance > Customize > Background
Select background image
Change background color
Choose background animation to show from dropdown
Change animation object color

22. Menu

To work on menu

Dashboard > Appearance > Menus

23. Widgets

Author Info

To work on Header Image

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Author Info” in search area
Drag and drop the widget in sidebar
Select author to display custom or admin
Add the widget title
Add author name
Add author image
Add author tag and url
Add author description

Carousel Posts

To work on Carousel Posts

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Carousel Posts” in search area
Drag and drop the widget in sidebar
Add Widget title
Choose the category from dropdown

Pro Version

Enable slider item to auto slide
Enable slider controller arrows
Enable infinite loop
Choose slider to slide in vertical or horizontal direction

Category Collection

To work on Category Collection

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Category Collection” in search area
Drag and drop the widget in sidebar
Add widget title
Choose the categories to display

Post List

To work on Post List

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Post List” in search area
Drag and drop the widget in sidebar
Add widget title
Select post category from dropdown
Select post to include
Choose number of posts to show
Show post category
Select image size from dropdown

Pro Version

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Post List” in search area
Drag and drop the widget in sidebar
Add widget title
Select post category, post tags, post authors, post to include and post to exclude from dropdown
Choose number of posts to show
Choose available layouts to show from dropdown
Choose to show AJAX load more button from checkbox
Select image size from dropdown

Social Icons

To work on Social Icons

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Social Icons” in search area
Drag and drop the widget in sidebar
Customize Social Icons widget with available controls

Posts Grid 2 Column

To work on Posts Grid 2 Column

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Posts Grid 2 Column” in search area
Drag and drop the widget in sidebar
Add widget title
Choose category from dropdown
Select number of posts to display
Show post categories from checkbox

Pro Version

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Posts Grid 2 Column” in search area
Drag and drop the widget in sidebar
Add widget title
Choose category from dropdown
Select number of posts to display
Show post categories from checkbox
Show load more button from checkbox

Post Grid

To work on Post Grid

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Post Grid” in search area
Drag and drop the widget in sidebar
Add widget title
Select post category, post to include from dropdown
Select number of posts to display
Select image size from dropdown
Customize image ratio

Pro Version

Dashboard > Appearance > Widgets
Click to add new widgets
Search for “Post Grid” in search area
Drag and drop the widget in sidebar
Add widget title
Select post category, post tags, post authors, post to include and post to exclude from dropdown
Select number of posts to display
Click to show load more button from checkbox
Select image size from dropdown
Customize image ratio