Top Blog Pro | Firefly themes

First Time Setup Wizard

As soon as the theme is activated from Appearance > Themes, one time setup wizard will be initiated if the theme is activated for the first time. The setup wizard has following stages:

Step 1: Install Child Theme

This step will let you build and activate child theme. More about child theme here

Step 2: Activating your Pro theme

You can enter your license key from you my-account page, you need to activate the license to get automatic updates for the theme.

Step 3: Importing Demo content

Before initiating this step, make sure you are certain to import demo content as it might overwrite your current data in your site.
You can check out our demos here, or just click on the list of links provided to checkout the demos.
Sit Back and relax while the import process completes to 100%

Step 5: All done!!!

Your theme has been all set up. Enjoy your new theme by FireFly Themes.

Demo Import

In case you skipped the importing demo on Setup stage or want to import a new demo, you can use following steps to import demo content.

Note: Install Contact Form 7 Plugin to import contact form, MC4WP: Mailchimp for WordPress for footer newsletter.

Install One Click Demo Import plugin in your site
After installing the plugin,
Go to Appearance > Import Demo data
Select your desired demo from the list
Finally, click Import Demo Data Button
Wait for the import to finish
You are done!!!

Add Logo

Go to Appearance > Customize > Site Identity
Click in “Select Logo”, you can upload a new file or use media library
Then click publish to save your logo

Colors

Go to Appearance > Customize > Colors
Here you have option to change various sections
Then click publish to save colors

Content Widget Areas (1, 2 & 3)

You can add content inside your widget using this option.

Go to Appearance > Customize > Sortable Sections >Content Widget Areas 1, 2 or 3
Enable content widget area by click on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
After enabling you will find “For this Widget Area Options click here” click on the link and add widget as per your requirements
Finally, click publish to save your Content Widget Areas

Hero Content

Hero Content presents an overview of the site’s most important content. Top Blog Pro support page, post, category, tag and custom as Hero Content. Here are steps to add hero content:

Go to Appearance > Customize > Sortable Sections > Hero Content
Enable hero content by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or custom pages
Under “Type” choose page, post, category, tag or custom you want to display as hero content, then select hero content accordingly
Change Top Subtitle, title, content, button text and button link as per your requirement
Under content position and text align you can change placements of content
Change various color section in hero content as per your need
Then click publish to save your hero content

Featured Grid

Top Blog Pro support page, post, category, tags and custom as Featured Grid. Here are steps to add featured grid:

Go to Appearance > Customize > Sortable Sections > Featured Grid
Enable featured grid by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
Under “Type” choose page, post, category, tag or custom you want to display as featured grid, then select featured grid accordingly
You can edit Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
Change style and various color section in featured grid as per your need
Then click Publish to save your featured grid

Slider

Top Blog Pro supports page, post, category, tags and custom as slider, you can also change various color section in slider which is present in our premium version. Follow following steps to add sliders to you website:

Go to Appearance > Customize > Sortable Sections > Slider
Enable slider by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or custom pages
Under “Type” choose page, post, category, tag or custom you want to display as slider
Then select under Item #1, Item #2, Item #3 and so on
Change various color section in slider as per your need
Select the numbers of sliders you want to showcase, change transition speed, transition effect, loop, pagination, scroll bar and image overlay
Choose slider style under “Style” as Style One, Style Two and Style Three
Then click publish to save your slider

Promotion Headline

Top Blog Pro supports post, page, category, tags and custom as promotion headline. Here are steps to add promotion headline:

Go to Appearance > Customize > Sections > Promotion Headline
Enable promotion headline by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
Select type page, post, category, tags or custom, you want to highlight as promotion headline, then select promotion headline accordingly
You can edit Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
Enable disable overlay on image, text alighment as per your requirements
Change various color section in promotion headline as per your need
Click publish to save your promotion headline

Portfolio

Top Blog Pro supports post, page, category, tags and custom as Portfolio

Go to Appearance > Customize > Sortable Sections > Portfolio
Enable portfolio by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
Select type page, post, category, tag or custom, you want select as portfolio, then select portfolio accordingly
You can edit Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
Additional options to : select layout and numbers of portfolio to showcase, enable/disable carousel slider, edit transition speed, enable/disable loop, navigation, pagination
Change various color section in portfolio as per your need
Finally, click publish to save your portfolio

Breadcrumb

Breadcrumb option indicate the current page’s location within a navigational hierarchy. This theme supports option to enable or disable breadcrumb.

Go to Appearance > Customize > Theme Options > Breadcrumb
Enable or Disable as per your requirement
Then click publish to save

Buttons

Change button radius under buttons option

Go to Appearance > Customize > Theme Options > Buttons
Increase boarder radius up to 100
Then click publish to save

Excerpt Option

Excerpt Option is used to show the words of your content. Default length of content is 20words.

Go to Appearance > Customize > Theme Options > Excerpt Option
Change Excerpt Length (words) and Continue Reading Text as per your requirement
Then click publish to save changes

Fonts

Top Blog Pro have different fonts option of various section, you can easily edit different fonts as per you need

Go to Appearance > Customize > Theme Options > Fonts
You can edit different fonts for each section inside fonts, under respective field
Then click publish to save changes

Footer

Footer option to is to change footer styles and footer copyright text

Go to Appearance > Customize > Theme Options > Footer
Edit “Footer Copyright Text” and footer style as per you requirement
Finally click publish to save changes

Layout

Top Blog pro supports different layouts for different pages

Site Layout

Select site layout as “Fluid” or “Boxed” under Site Layout option, which will set layout for the entire website

Default Layout

There are 4 different types of default layouts, Right Sidebar, Left Sidebar, No sidebar or No sidebar: Full Width. Default Layout sets the layout for entire website

Homepage/Archive Layout

There are 4 different Homepage/Archive Layout Right Sidebar, Left Sidebar, No sidebar or No sidebar: Full Width. Homepage/Archive Layout set the layout for homepage and archive pages

WooCommerce Pages Layout

WooCommerce page layout option set the layout for WooCommerce pages. It also have 4 different layout to choose from: Right Sidebar, Left Sidebar, No sidebar or No sidebar: Full Width

Homepage/Archive Posts Content Layout

Homepage/Archive posts content layout sets layout for posts on blog page and archive pages. It have 6 different options: Grid, Excerpt Image Top, Excerpt Image Left, Excerpt Image Right, Full Content(No Featured Image), Full Content Image Top

Top Blog Pro supports related posts which is visible in single post. Related posts with respect to Post tags will be shown.

Go to Appearance > Customize > Theme Options > Related Posts
Enable related post by turning on button “Show Related Posts”
You can edit title, select layout, no of items and display content type
Finally click publish to save changes

Header Options

Top Blog Pro supports different header option where you can choose 6 different header styles. Here is how you add header option in your website:

Go to Appearance > Customize > Theme Options > Header Options
Under “Header Style” choose 6 different header styles according to your preferance, you can enable/disable sticky header
Choose Header Top color as “Dark” of “Light”
Edit Text, Button Text and Button link under respective title
Finally, click publish to save changes

Documentation: Top Blog Pro