fbpx

Documentation: Caff Pro

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.

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

Add Logo

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

Site Title and Tagline

  • Go to Appearance > Customize > Site Identity
  • Under in “Site Title” and “Tagline”, change text as per your requirement
  • Click on display site title and tagline to display it
  • Then click publish to save your changes

Colors

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

Menu

Caff Pro supports Primary Menu and Social Menu.

  • Go to Appearance > Customize > Menu > View All Location
  • You can add and edit Primary menu and Social Menu as per your requirement
  • Here you can enable/disable primary menu and search on primary menu
  • Then click publish to save your menus

Associate Logo

Caff Pro have associate logo, here you can add the brand logos you work with. You can add page, post, category, custom and tags as associate logo. Follow following steps to add associate logo in your website:

  • Go to Appearance > Customize > Sortable Sections > Associate Logo
  • To activate associate logo click on “Visible On” button you can either show it on entire pages or homepage/frontpage or custom pages
  • Select type as page, post, category, custom or tags as you associate logo, then add associate logo accordingly
  • Edit Section Top Sub-title, Section Title and Subtitle as per your requirement
  • Change layout under “Layout” option, to display total number of logos at once
  • Under “Number” add total numbers of associate logos you want to display
  • Additional option to enable/disable carousel slider, edit transition speed, enable/disable loop, navigation and pagination
  • Select different colors various section under “Color”
  • Finally, click publish to save your associate logo

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

Contact Form

Caff Pro supports page, post, category, tag and custom as contact form. Here are steps to add contact form in your website:

  • Go to Appearance > Customize > Sortable Sections > Contact Form
  • Enable contact form 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 contact form, then add contact form accordingly
  • Edit Top Subtitle, Title and Content(in custom) as per your
  • Select different colors various section under “Color”
  • Finally, click publish to save your contact form

Hero Content

Hero Content presents an overview of the site’s most important content. Caff 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 Content

Caff Pro support page, post, category, tag and custom as Featured Content. Here are steps to add featured content:

  • Go to Appearance > Customize > Sortable Sections > Featured Content
  • Enable featured content 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 hero content, then select featured content accordingly
  • You can edit Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
  • Change various color section in hero content as per your need
  • Then click Publish to save your featured content

Food Menu

Caff Pro supports food menu which allows you to display your menu to the visitors. To add food menu you will have to install and activate Jetpack plugin. Also make sure Jetpack is connected. Create menu as per your requirement

  • Go to Appearance => Customize => Sortable Sections => Food Menu
  • Enable food menu by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Under number change the number of menu you want to display
  • Then choose category of your food menu you created in jetpack under “Pick Nova Menu Sections” option
  • You can edit Backgrorund Image, Section Top Sub-title, Section Title, Section Subtitle, Button Text and Button Link under their respective field
  • Additional option to select layout, enable/disable display content type and color section
  • Then click Publish to save your food menu

Filter Content

Filter content is used to show tabbed content with unique design, it is an awesome feature where you can show categories tabbed design.

  • Go to Appearance > Customize > Sortable Sections > Filter Content
  • Enable filter content by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Under “Pick Categories” pick the content that you want to show as fitler content in tabs
  • You can edit Section Top Sub-title, Section Title, Section Subtitle, Layout under their respective field
  • Change various color section in filter content as per your need
  • Then click Publish to save your filter content

Key Features

Key features to highlight some of your company’s awesome features or highlight key notes of your company. You can make page, post, category, tag or custom as key features. You will also have option to choose simple yet elegant icons from font awesome

  • Go to Appearance > Customize > Sortable Sections > Key Features
  • Enable Key Features 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 key features and content in the respective fields
  • You can edit Section Top Sub-title, Section Title, Section Subtitle, Layout under their respective field
  • Change various color section in Key Features as per your need
  • Then click Publish to save your Key Features

News & Events

Caff Pro supports Page, Post, Category, Tags and Custom as News & Events. You can find separate Events section and News Sections in this options you can edit according to your need.

  • Go to Appearance > Customize > Sortable Sections > News & Events
  • Enable News & Events by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Under Events section “Type” choose page, post, category, tag or custom you want to display as News & Events and content in the respective fields
  • Under News section “Type” choose page, post, category, tag or custom you want to display as News & Events and content in the respective fields
  • You can edit Section Top Sub-title, Section Title, Section Subtitle, Layout under their respective field
  • Further option to enable/disable Carousel Slider
  • Change various color section in Key Features as per your need
  • Then click Publish to save your Key Features

Slider

Caff Pro supports page, post, category, tag 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
  • Then click publish to save your slider

Promotion Headline

Caff 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, tag 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
  • Change various color section in promotion headline as per your need
  • Additional option to enable/disable overlay on image, edit text alignments
  • Click publish to save your promotion headline

Portfolio

Caff 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

Playlist

Caff Pro has playlist option, as it is designed to be versatile and can be used in various kinds of websites. If you belong to musical background this option will be perfect to display your musical journey and showcase your playlist. You can choose Page, Post or Custom as playlist.

  • Go to Appearance > Customize > Sortable Sections > Playlist
  • Enable playlist by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Select type page, post or custom, you want select as playlist, then select playlist accordingly
  • Add playlist in the content type you have selected by click on edit page of the content you will see “Add media” > “Create Audio Playlist” there you can add your audio files to create playlist
  • Additional option to edit content position, text align, top subtitle text
  • Change various color section in playlist as per your need
  • Finally, click publish to save your playlist

Pricing Table

Caff Pro supports Pricing table. Pricing section is to highlight a pricing table which makes it easier for your visitors to know about your product or services and the tariff.

  • Go to Appearance > Customize > Sortable Sections > Pricing Table
  • Enable Pricing Table by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Under “Number” change the number of items you want to display as pricing table
  • Under “Item #1, Item #2….so on” add title, price, label, features, button text, button link in respective field
  • Additional option to highlight each item as recommended
  • Change various color section in pricing table as per your need
  • Finally, click publish to save your pricing table

Skills

Skills is one of the great option to display your professional expertise, here you can add skill in percentage. Here are steps to add skills to your website:

  • Go to Appearance > Customize > Sortable Sections > Skills
  • Enable skills by clicking on “Visible on” button you can either show on entire pages or homepage/frontpage or custom pages
  • Under Item#1, Item#2, Item#2 and so on add name of skill and change bar color as per your requirement
  • Add content under “Content” field, edit Top Sub-title, title and subtitle as per your requirement
  • Change various color section in skills as per your need
  • Finally, click publish to save your portfolio

Team

Team section in Caff pro allows you to display your team members in an informative manner. Here you can add social links of each of your team members, change colors for different sections to make it more attractive, you can choose content type as post, page, category, tag or custom.
Here are steps to add skills to your website:

  • Go to Appearance > Customize > Sortable Sections > Team
  • Enable team 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 team, then select team accordingly
  • You can edit Section Top Sub-title, Section Title, Section Subtitle, under their respective field
  • Additional option to change style(style one and style two), select layout, numbers of team members to showcase
  • Change various color section in team as per your need
  • Finally, click publish to save your team

What We Do

Caff Pro supports what we do section, you can choose content type as post, page, category, tag or custom. Here are steps to add what do we do section in your website:

  • Go to Appearance > Customize > Sortable Sections > What We Do Enable What We Do by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or custom pages
  • Select type page, post, category, tag or custom, you want select as what we do, then select items accordingly
  • You can edit Section Top Sub-title, Section Title and Section Subtitle under their respective field
  • Additional option to select layout and numbers of sections to showcase
  • Change various color section in team as per your need
  • Finally, click publish to save your what we do section

Testimonials

Testimonials section helps your audiance to know what your goods and services are like. You can add customers testimonials to grow trust among you customers. Select content type as page, post, category, tags or custom as testimonial.
Here are steps to add testimonials in your theme:

  • Go to Appearance > Customize > Sortable Sections > Testimonials
  • Enable Testimonials by clicking on “Visible on” button you can either show slider on entire pages or homepage/frontpage or custom pages
  • Select type page, post, category, tag or custom, you want select as what we do, then select testimonials accordingly
  • You can edit section top sub-title, section title, and section subtitle under their respective field
  • Additional option to select layout and numbers of testimonials to showcase, enable/disable carousel slider
  • Change various color section in testimonials as per your need
  • Finally, click publish to save your testimonials

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

Caff 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

Caff 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) and Full Content Image Top

Header Options

Caff 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”
  • Add Email, Phone, Address, Open Hours, Button text and Button link to display in your header
  • Finally, click publish to save changes