Blog Postx – Blazetheme Documentation

Blog Postx Theme Documentation

1. Getting Started
2. Installation
3. License Integration
4. Pre-Built Websites
5. Demo Import
6. Global Option
7. Colors
8. Advertisement
9. Typography
10. Sidebar / Widget Styles
11. Mobile Options
12. Sticky Posts
13. Header Builder
14. Frontpage Sections
15. Blog / Archive
16. Single Post
17. Page Settings
18. You May Have Missed
19. Footer Builder
20. Background
21. Menu
22. Widgets
23. Homepage Settings

1. Getting Started

Introduction

We would like to thank you for choosing Blog Postx.

Now, it’s so easy to make each website unique with Blog Postx. 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.

Blog Postx 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 “Blog Postx” 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 Blog Postx 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 Blog Postx from https://wordpress.org/themes/blog-postx 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 Blog Postx and Click on “Customize” in the Appearance Menu in the Dashboard. Now you can customize or modify according to your choice.

Pro Version

Buy Blog Postx 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 Blog Postx 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 > Blog Postx 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 Blog Postx in your website. You can use demo import to make your site look like one of our available demos.

Go to Appearance > Blog Postx 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
Set your reading speed (words per minute)
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
Customize Block Title Style

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

Icon Pickers

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
Toggle to show author image
Customize author, date, read time, comments styles

Pro Version

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
Toggle to show author image
Choose author, date, comments and read time icons
Choose next, previous slider arrows
Set author, date, comments, read time and slider arrows font size
Customize author, date, read time, comments styles

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
Customize category style
Choose category text color and background color

Pro Version

Dashboard > Appearance > Customize > Colors > Category Colors
Customize category style
Set category border radius and padding
Choose category text color and background color

Tag Colors

To work on Tag Colors

Go to dashboard > Appearance > Customize > Colors > Tag Colors
Choose tags color and background color

8. Advertisement

To work on Advertisement

Dashboard > Appearance > Customize > Advertisement
Click to dropdown arrow
Set item code
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
Copy the ad item code set earlier

Pro Version

Dashboard > Appearance > Customize > Advertisement
Click to dropdown arrow
Set item code
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
Copy the ad item code set earlier

9. 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

10. Sidebar / Widget Styles

Sidebar / Widget Styles

To work on Sidebar / Widget Styles

Dashboard > Appearance > Customize > Sidebar / Widget Styles
Customize card border radius and image border radius
Customize post title style and pagination style
Customize heading style

Pro Version

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

11. 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

12. Sticky Posts

Sticky Posts

To work on Sticky Posts

Go to Dashboard > Appearance > Customize > Sticky Posts
Toggle Show Sticky Posts to enable it
Choose the Position (Left-aligned or Right-aligned)
Set the number of posts in Posts to Append

Post Query

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

Design Tab

Click to design tab
Customize label and post title style

Pro Version

Go to Dashboard > Appearance > Customize > Sticky Posts
Toggle Show Sticky Posts to enable it
In the Display In dropdown, select where to show (e.g., Front Page, post page or front page and post page)
Set the Label (e.g., Popular Posts)
Choose the Position (Left-aligned or Right-aligned)
Adjust Vertical and horizontal Position using the slider or input box
Set the number of posts in Posts to Append

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 author and date

Design Tab

Click to design tab
Choose content background color
Set content border radius and border
Customize label and post title style

13. 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

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
Set social icon size
Toggle to enable hover animation, border, box-shadow and background color
Set social icon border radius

Design Tab

Change social icon color and background 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
Set icon size and icon width
Set dark icon color and light icon color
Set theme mode background color

Primary Menu

To work on Menu

Dashboard > Appearance > Customize > Header Builder > Primary 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 > Primary Menu
Choose hover effect from dropdown
Toggle to enable menu cutoff
Choose menu cutoff up to
Place menu cutoff more text
Toggle to hide menu cutoffs

Design tab

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

Secondary Menu

To work on Menu

Dashboard > Appearance > Customize > Header Builder > Secondary Menu
Choose hover effect from dropdown
Set menu style
Set menu color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Secondary Menu
Toggle to use primary menu settings
Choose hover effect from dropdown

Design tab

Click to design tab
Customize menu style
Set menu color, background color and padding

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
Set canvas width and icon width

Design Tab

Click to design tab
Set canvas icon color / icon background color
Set canvas background and 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
Set icon border radius

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
Toggle to enable time and date
Customize date / time typography
Set separator color
Set date / time color

Pro Version

Dashboard > Appearance > Customize > Header Builder > Date / Time
Toggle to enable time and date
Set separator icon
Customize date / time typography
Set separator color
Set date / time color
Set date / time background color
Set Full background color
Set 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

14. Frontpage Sections

Ticker News

To work on Ticker News

Dashboard > Appearance > Customize > Frontpage Sections > Ticker News
Toggle to show ticker news
Select post categories, posts to include and post order from dropdown
Choose number of posts to show
Toggle to hide posts with no featured image
Set post title style
Set image border radius

Pro Version

Dashboard > Appearance > Customize > Frontpage Sections > Ticker News
Toggle to show ticker news
In the Display In dropdown, select where to show (e.g., Front Page, post page or front page and post page)
Set the Label (e.g., Headlines)
Toggle to show ticker icon

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 thumbnail image and date

Marquee Settings

Toggle to show controller
Choose play / pause icon
Set speed of marquee
Set post gap
Toggle to pause on hover

Design Tab

Click to design tab
Set heading, content and controller background color
Set image border radius
Set post title style

Web Stories

To work on Web Stories

Dashboard > Appearance > Customize > Frontpage Sections > Web Stories
Toggle to show web stories

Post Query

Select post categories, posts to include and post order from dropdown
Choose number of category to show
Set Max no. of inner stories

Image Settings

Choose image size
Set image radius

Design Tab

Click to design tab
Customize preview count and preview title

Pro Version

Dashboard > Appearance > Customize > Frontpage Sections > Web Stories
Toggle to show web stories
In the Display In dropdown, select where to show (e.g., Front Page, post page or front page and post page)
Set the Label (e.g., Today’s Stories)
Toggle to show view all button
Set view all label
Toggle to close on ESC

Post Query

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

Post Elements

Preview

Toggle to show / hide post count and post title

In Slider

Toggle to show title, category, date and author

Slider Settings

Toggle to show arrow
Toggle to show slider fade
Toggle to enable autoplay
Toggle to show Ambient
Set autoplay speed and slider speed

Image Settings

Choose image size
Set image ratio
Set image radius

Design Tab

Click to design tab
Customize preview count, preview title and inner title style

Main Banner

To work on Main Banner

Dashboard > Appearance > Customize > Frontpage Sections > 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
Set border image radius

Design Tab

Click to design tab
Set border radius
Customize elements typography

Pro Version

Dashboard > Appearance > Customize > Frontpage Section > 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

Category Collection

To work on Category Collection

Dashboard > Appearance > Customize > Frontpage Sections > Category Collection
Toggle to enable category collection
Toggle to show category count
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 > Frontpage Sections > 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 and border radius
Choose hover effects

Design Tab

Click to design tab
Customize typography
Customize box shadow

Carousel

To work on Carousel

Dashboard > Appearance > Customize > Frontpage Sections > 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
Set border radius

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, author, date and 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 typography

Video Playlist

Pro Version

To work on Video Playlist

Dashboard > Appearance > Customize > Frontpage Sections > 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

Re-order Section

Dashboard > Appearance > Customize > Frontpage Sections > Re-order Section
Drag to re-order the sections.

15. Blog / Archive

General Settings

To work on General Settings

Dashboard > Appearance > Customize > Blog / Archive > General Settings
Set number of columns to show
Choose available archive layouts
Select sidebar layout
Choose elements alignment
Set content and meta re-order or hide it
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 count
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 tag count
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 count
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
Choose no more results text
Select button text color and button background color

16. 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
Select post content alignment
Set content and meta re-order or hide it

Pro Version

Dashboard > Appearance > Customize > Single Post > Elements Settings
Select title tag from dropdown
Toggle to show post thumbnail
Toggle to show
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

17. Page Settings

Page Settings

To work on Page Settings

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

Design Tab

Click to design tab
Customize border radius
Customize typography
Set border radius

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

18. You May Have Missed

You May Have Missed

To work on You May Have Missed

Dashboard > Appearance > Customize > 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

19. 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

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

20. 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

21. Menu

To work on menu

Dashboard > Appearance > Menus

22. 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