Restaurant and Cafe Pro Documentation

Thank you for choosing Restaurant and Cafe Pro WordPress theme!

This documentation covers the installation and the usage of the theme.

The main goal of the documentation is to provide guidance and walk-through to set up the theme on your website in an easy-to-follow manner, while also introducing you to some of the features of the theme. We encourage you to go through this document and keep it handy for reference.

If you have any questions about the theme or need assistance with anything related to the theme, please feel free open a support ticket. Our support team will be happy to assist you.

In this documentation, first, we’ll make sure that everything is ready for the installation, then we’ll set up the theme, and cover some initial configuration and customization options.

If you need to learn more about how to use WordPress to grow your business, please visit our blog.

How to use this Documentation?

We recommend everyone to go through each step of the documentation to have a better understanding of the theme and its features.

However, if you are looking for a specific section, you can easily navigate using our table of contents on the left hand side of the screen.

If you want to find a specific keyword, hit “Ctrl+F” on your browser to start searching.

Table of Contents

Requirements for Getting Started

Make sure Restaurant and Cafe Pro is compatible to your WordPress version.

Restaurant and Cafe Pro will work with 4.5 and above versions of WordPress.

However, for best experience, added features, and updated security patches, we recommend you to update your WordPress to the latest version.

If you haven’t downloaded WordPress already, you can download it from the WordPress repository via https://wordpress.org/download/.

Checklist for Getting Started:

  • Check WordPress Version and Update it
  • Install and Activate Restaurant and Cafe Pro theme
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.

Recommended Image Size (in px)

Banner: 1920 x 995

Home Page Section Background: 1920 x 800

Featured Image of Single Post and Page (with sidebars): 818 x 390

Featured Image of Single Post and Page (without sidebars): 1110 x 450

Gallery Image: 400 x 400

Demo Import (Instantly Make Website Like Demo)

You can easily make your website exactly like the live preview (demo) of the Restaurant and Cafe Pro theme by importing the demo content. Importing demo content is a great way of getting started with your website. You can get a guideline on how to setup this theme if you import the demo content.

To import the demo with a click, you need to install Rara One Click Demo Import plugin, and follow this step by step guide.

How to Check and Update WordPress Version:

  • Log in to the WordPress admin panel
  • Go to Dashboard >Updates.

check wordpress.png

Theme Installation & Activation

After you have the latest version of WordPress, save the downloaded Restaurant and Cafe Pro theme somewhere handy on your computer, as you will be using the included files for the rest of the installation process.

The Restaurant and Cafe Pro theme file includes:

A WordPress Theme Files (in .zip format)— This (restaurant-and-cafe-pro.zip) is a compressed WordPress theme file containing all of the required templates, images, and icons required for the theme to function properly.

Note for Safari users (macOS): If you are using Safari to download the theme file, the file may unzip automatically. So, make sure your theme file is in .zip format. Here’s how to stop Safari from automatically unzipping your .zip file.

To install and activate the theme follow these steps or the above gif:

  • Log in to WordPress Dashboard.
  • Go to Appearance > Themes.

  • Click on Add New button

  • Click on Upload Theme.

  • Click on “Browse…”, select the “restaurant-and-cafe-pro.zip” file from your computer and click Open.
  • Click Install Now.

  • After the theme is installed, click on “Activate” to use the theme on your website.

Installing Recommended Plugins

You must install and activate the following plugins to get the best out of Restaurant and Cafe Pro theme.

Rara Theme Toolkit Pro by Rara Theme: Rara Theme Toolkit Pro is an exclusive plugin for Premium Rara Theme themes. The plugin comes bundled with the pro themes.

Rara Theme Toolkit Pro generates three custom post types, namely, Events, Team Members, and Testimonials. The plugin also generates 17 Rara Theme exclusive widgets.

Contact Form 7 by Takayuki Miyoshi: Contact Form 7 helps you add and manage multiple contact forms.

Newsletter by Stefano Lissa & The Newsletter Team: Newsletter plugin helps you easily manage your subscriptions.

Rara One Click Demo Import by Rara Theme: This plugin will help you import demo content of our themes with a click. So, if you want the demo of this theme, install and activate this plugin.

WP Google Maps by WP Google Maps: This plugin will help you easily add Google Map to your website.

WooCommerce by Automattic: You can create products and sell them on your website with this plugin.

Regenerate Thumbnails by Alex Mills (Viper007Bond): If you have existing content, this will help you update your image thumbnails sizes. To update the thumbnails, you must run this plugin.

Post Type Switcher by John James Jacoby: You can easily change post type of existing posts with this plugin.

How to Install Recommended Plugin:

  • Go to Appearance> Install Plugins

  • Click “Install” to install the plugins.

  • Click “Activate” to activate the plugins

Setting up the Front/Landing/Home Page and Blog Page

To get started with customizing the theme, you first need to set up a front page. If you want to make your website look like demo, you should select Front page as Static Page.

Configure the Home Page and Blog Page

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Default Settings >Homepage Settings (Static Front Page in earlier version of WordPress)
  • Select A static page under Your homepage displays.
  • If you are using this theme in a fresh WordPress installation, go to next point. If you are using this theme in an old WordPress, choose the page you want to set home page as Homepage and choose the page you want to set as blog page as Posts Page.
  • Click Publish.

Making One Page Website

You can make Restaurant and Cafe Pro theme one page. The different sections of the home page will be displayed as Menu. You can directly go to the specific section of the front page on a one page website.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings> Misc Settings
  • Enable/Disable Section Menu. If you enable it, the website becomes One Page. The sections of the home page will have a menu. Blue color is enabled.
  • If you want to hide a specific section in the Section Menu, go to the particular section on the Appearance> Customize > Front Page Settings and disable “Section Menu” option.
  • Click Publish.

Add/Configure Contact Form

You must install and activate Contact Form 7 Plugin to add or configure contact forms. After you activate the plugin, follow these steps.

  • Go to Contact> Add New Menu from the WordPress Dashboard
  • Enter the name for the contact form in title section
  • Enter the Fields and Labels for contact form in Form tab
  • In the Mail tab, you can configure the email address for receiving the emails from the contact form
  • In the Messages tab, you can edit the various messages for the form.
  • In the Additional Settings tab, you can add extra code to modify the contact form.
  • Click Save to update the changes.

contact form.png

Header Settings

You can add your logo, tagline, phone number, search form, reservation, and social media icons on the top of your website here. The theme also comes with 7 predefined header layouts, you can select them in this settings. Search form and Reservation will be displayed only in some header layout.

Site Identity (Add Logo, Name and Tagline on your website)

You can change the name and logo of your website here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings> Site Identity
  • Click Select Logo and upload your logo.
  • Enter Site Title and Tagline.
  • Check Display Site Title and Tagline .
  • Click Select Image and upload Image for Site Icon (favicon).
  • Click Publish.

Layout Settings

You can select from 7 different header layouts in the theme.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings > Layout Settings
  • Select the layout of your choice.
  • Click Publish .

Misc Settings

You can make the theme one page, make the header sticky/floating, enable/disable social links, and add phone numbers and search form (only available in some header layouts) on the header in this settings.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings > Misc Settings
  • Enable/Disable Section Menu .Blue is enabled. Enable Section Menu to make one page scrolling home page.
  • Enable/Disable Sticky Header. Blue is enabled. If you enable sticky header, your main menu will be available even when you scroll down through a page.
  • Enable/Disable Social links at header.
  • Enter Phone Number, Reservation settings, search bar option, and other header options. Some of the settings are available only in some header layouts.
  • Click Publish .

Archive Header Settings

You can change archive page title for “Team”, “Testimonial” and “Event” page from this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings > Archive Header Settings
  • Enter Team Archive Title, Testimonial Archive Title, Event Archive Title. Default archive post title is displayed if Archive Title is left blank.
  • Click Publish .

 

Banner/Slider Settings

You can attract your visitors using the banner section. You can add image, video, or slider in the banner section.

Static Banner

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Banner/Slider Settings> Banner Settings
  • Select “Static Banner” in Banner Options.
  • Select a post/page. Title and description of selected page/post will be displayed as banner title and description.
  • Feature Image of selected post/page will be displayed as banner image.
  • Enter Read More text.
  • Enter scroll Down text.
  • Click Publish.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Banner/Slider Settings> Banner Settings.
  • Choose “Banner as Slider” in Banner Options.

  • Enter Read More text.
  • Enable Slider Auto to make slides transition automatically without clicking (Blue is enabled).
  • Enable Slider Loop to allow slider to repeat selected posts automatically.
  • Enable Mouse drag to drag and change the slides.
  • Enable Slider Caption to show the post title to appear on the slider post image.
  • Enable Full Image if you wish to display the full image on the slider rather than the cropped image. (In this case, make sure that all the selected images have the same image size, so that the design is maintained)
  • Choose Slider Animation type.
  • Select the slider speed and enable whether to disable autoplay on mouse hover.
  • You can create slider using page/post, category, or custom slides. Choose the type you like and create slides. Below is the instruction on how to use each slide type.

Creating Slider using Post/Page

  • Go to Appearance> Customize> Banner/Slider Settings > Slider Contents.
  • Choose Slider Type to Post/Page
  • Enter the number of slides you want to show in the banner. You must refresh the page after you alter the number of slides to see the changes.
  • Choose Posts/Pages to be displayed as slides.You can choose upto ten posts/pages. The featured image of the posts/pages will appear on the slider.
  • Click Publish.

Creating Slider using Category

  • Choose Slider Type to Category
  • Select the number of posts you want to show on the banner from the category. You can display upto 10 posts.
  • Choose the Slider Category.
    • The featured Image of the posts under selected category will appear as Slide Images.
    • Post Title of the post under the selected category will appear as Slide Title.
    • Post Excerpt will appear on the Slider as slide Content. The first few sentences of the post content will appear as slide content if the Post excerpt is not entered.
  • Click Publish.

Creating Slider using Custom slides

  • Choose Slider Type to Custom.
  • Click on Add new slide.
  • Click Add Image to upload an Image.
  • Enter Title, Description and Link for the Slide.
  • Click Add new Slide to add new slides. Click on Slide No. (1,2,3…) to modify the slides
  • Click Publish

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Banner/Slider Settings > Banner Settings
  • Choose “Header Media” in Banner Options.
  • Enter Read More Button.
  • Enter Scroll Down Text Button.

  • Go Appearance> Customize> Banner Slider Settings > Header Media.
  • Enter the title and subtitle. This will be displayed above the video/image.
  • Add Button Link.
  • Upload and select a video. You can also enter a youtube link. If you have the video link or the video, the image will not be displayed.

  • If you want to put image in the banner, click on “Add new image” to add images to the banner section.
  • Select the image you want to display on the banner section. You can also randomize added images. When you click on “Randomize suggested headers” button, the uploaded banner images will be displayed randomly every time your website is loaded. Make sure you don’t have video select if you want to show image.
  • Click Publish.

Front Page Settings

You can manage and edit home page sections here. You must be on Home Page to customize the sections.

Show/Hide and Sort or Toggle Home Page sections

You can enable or disable a home page section and also sort the order of the sections in Restaurant and Cafe Pro theme.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Sort or Toggle Home Page Section
  • Click on the eye icon at the beginning of a section name to enable or disable the section.

  • Drag the sections up and down to arrange them.
  • Click Publish.

Featured Section

You can display the main products of your company here. You can display default post or WooCommerce Product as per your wish in this section.To display the WooCommerce Products, you need to install WooCommerce plugin first.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Featured Section.
  • Choose “ Default Posts “ in Featured Section Options to display your favourite posts in Featured section.
  • Choose “ WooCommerce Products “ in Featured Section Options if you want to display WooCommerce Products in Featured section.
  • Select a page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • Select a Layout.
  • Choose Featured Products/Posts to display on this section of the home page. You need WooCommerce plugin to select the products. You can select up to 3 products/posts.
  • Enter Button text and URL.
  • Click Publish.

About Section

Display a short welcome message or tell something about your Business in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> About Section
  • If you want to display Post in this section, choose “ From Post ” in About Section Options. Similarly, to display Page in this section, choose “ From Page” .
  • Select a Page or Post for the section.The title, description (excerpt) and featured image of the selected page/post is displayed as the title, description, and image of this home page section.
  • Display Background Image or Background Color from Select Background Options
  • Select a image or color.
  • Click Publish.

Restaurant Menu Settings

You can display different categories of products by your company here. To display products in this section, Woocommerce Product must be created and assigned to different product categories.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Restaurant Menu Settings
  • Select a page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • Choose the number of tabs you want to display by sliding the slide button. Five tabs are displayed by default.
  • Choose categories for the menu. You can enter maximum ten product categories.
  • Click Publish.

Service Section (Display Services you provide on home page)

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Service Section.
  • Select a page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • To display image as background, choose “Background Image” in Select Background Options.
  • Click Select Image and upload Image as Background Image on this section.
  • To display color as background, choose “Background Color” in Select Background Options.
  • Click Select Color and choose color to be displayed as Background Color.

  • Click on Add new Service to add a service

  • Enter Service Title, Description and click Add Image to to upload image for the service.
  • You can also add icon instead of image for the service. You can search and choose the icon.
  • Add number of services by clicking Add new Service. Recommended number of services is 6.
  • Click Publish.

Team Member Section

You can display the team members in this section of home page. To show the team members, you must first create/add team members.

Add Team Members

  • Log in to WordPress Admin Panel.
  • Go to Dashboard > Team Members > Add New.
  • Enter the name of team member in title area.
  • Enter the description of the team member
  • Enter the team member details
  • Click Add Icon to add social icons.
  • Put the photo of the team member as the featured image
  • Click on Publish/Update button

Configure Team Member Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Team Member Section
  • Select the team member page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • Choose the number of team member you want to display by sliding the slide button. Three team members are displayed by default.
  • Choose Team Members. You can enter maximum ten Team Members.
  • Click Publish .

Testimonial Section

You can show the testimonials about your company in this section of home page. You must add testimonials first.

Add Testimonials

  • Log in to WordPress Admin Panel.
  • Go to Dashboard > Testimonials > Add New.
  • Enter the name of person in title area
  • Enter the testimonials given by the person in content area.
  • Enter the details about the person
  • Put the photo of the person as the featured image.
  • Click on Publish/Update button

Configure Testimonial Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Front Page Settings> Testimonial Section
  • Select the testimonial page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • To display image as background, choose “Background Image” in Select Background Options. Click Select Image and upload Image as Background Image on this section. To display color as background, choose “Background Color” in Select Background Options. Click Select Color and choose color to be displayed as Background Color.
  • Enable Slider Auto Transition to make slides transition automatically (while scrolling) without clicking (Blue is enabled).
  • Enable Slider Loop to allow slider to repeat selected posts automatically.
  • Enable Slider Caption to show the post title to appear on the slider post image.
  • Choose the testimonial order. If you select “Post Date” as post order, the latest testimonial will be displayed first. If you select “Menu Order” as post order, the testimonials will be displayed according to the order you assigned in Testimonial Attributes section while creating testimonials.
  • Select the number of testimonials to show on the home page. 6 testimonials are displayed by default.
  • Click Publish.

Why Us Section

You can highlight your specialities using this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Why Us Section.
  • You can either choose post/pages to be displayed or choose a category in Why Us Section Options.
  • If you wish to choose “Default Posts/Pages” in Why Us Section Options, select a page/post to display the title and description of the section. The Title and description of selected page/post will display as section title and description of the section. Then, select pages/posts under Select Post/Page 1, Select Post/Page 2, and Select Post/Page 3.
  • If you wish to choose “Default Category” in Why Us Section Options, choose a category you want to display in this section of homepage.
  • Choose Post/Page Excerpt Character.
  • Click Publish.

Reservation Settings

You can add a reservation form on the home page. You need to install Contact Form 7 to add a form.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Reservation Settings.
  • Select a page to display the title and description of the section. The Title and description of selected page will display as section title and description of the section.
  • Enter the shortcode of the contact form. You can find the shortcode of the contact form at Dashboard> Contact >Contact Forms.
  • You can either add a background image or select background color in Select Background Options.
  • Click Publish.

Gallery Section

You can add photo gallery in this section of the home page.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Gallery Section
  • Select a page. Add Image gallery and select Gallery Page template in selected page to show gallery.
  • Enter Button Text .
  • Click Publish.

Stats Counter Section

You can show the stats of your company using this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Stats Counter Section.
  • You can either add a background image or select background color in Select Background Options for Stats Counter Section.
  • Stat Counter Widget Can be added from Customizer-> Front Page Settings-> Home Page Stats Counter Widget OR from Appearance-> Widgets-> Home Page Stats Counter Widget.
  • Click Save and Publish.

Home Page Stats Counter Widget

You can add counters in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Home Page Stats Counter Widget. Click “Add a Widget” and select RARA: Stat Counter Widget from the list of Widgets.

  • Enter Title, Value and choose Icon or upload Image for the stats counter.
  • Click “Add a Widget” again to add multiple stats on this section. Recommended number of widgets is 4.
  • Click Publish.

Blog Section

You can display 3 blog posts in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Blog Section
  • Select a page/post to display the title and description of the section. The Title and description of selected page/post will display as section title and description of the section.
  • Choose a category you want to display in this section. Latest posts will be visible if no category is selected.
  • Enter View All Blogs Label. This button will be visible only when Posts page is selected in Front page display settings.
  • Choose Excerpt Character.
  • Click Save & Publish.

Call To Action One Section

You can display a Call To Action button to promote your company in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Call to Action One Section
  • Enter the section heading and description.
  • You can either add a background image or select background color in Select Background Options.
  • Enter CTA Button One Label and link. If you don’t enter the link, the button will not be displayed.
  • Similarly, Enter CTA Button Two Label and link.
  • Click Save & Publish.

Client Logo Section (Featured On section)

You can display the logo of your clients in this section of the home page.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Client Logo Section.
  • Enter the section heading and description.
  • Click Add new Client to add a client logo
  • Click on Add Image to upload the Client’s Logo.
  • Enter the link that is associated with the client in Logo Link.
  • Click on Add new Client and add multiple number of Client’s logo. Recommended number of clients is 5 and Image Aspect Ratio must be 5:3.
  • Click Publish.

Next Event Section (Add Events and Special Offers on home page)

You can show the upcoming events in this section of home page. To show the events, you must first create events.

Create/Add Events

  • Go to Dashboard> Events> Add New.
  • Enter the name of the event in the title.
  • Enter the description of the event.
  • Enter the Details of the events .
  • Enter Event’s Starting and Ending Date.
  • Set a featured image for the event.
  • Click Publish/Update.

Configure Next Event Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Next Event Section.
  • Enter the section heading and description.
  • You can either add a background image or select background color in Select Background Options.
  • Enable Specify Next Event to specify special next event. By Default nearest event from Event Posts will be visible (Blue is enabled).
  • Select Special Upcoming Events.
  • Select the event’s excerpt character length.
  • Enter Read More text.
  • Click Publish.

Upcoming Events

You can show the upcoming events in this section of home page. To show the events, you must first create category of events.

Create Event Categories

  • Log in to WordPress Admin Panel.
  • Go to Dashboard > Events > Event Categories.
  • Enter the name, slug and description of the category.
  • Click on Add New Categories.

Configure Upcoming Events Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Upcoming Events.
  • Enter the section heading and description.
  • Select Category of Upcoming Events. The 3 events in the event category will be displayed.
  • Enter View All Events Label for events archive.
  • Enter Button URL.
  • Click Publish.

Call To Action Two Section

Your visitors can know more about your company from this Call To Action Two Section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Call To Action Two Section.
  • Enter the Section Heading.
  • You can either add a background image or select background color in Select Background Options.
  • Enter CTA Button Label.
  • Enter CTA Button Link. Button will not be displayed if you don’t enter the link.
  • Click Save & Publish.

Products Section

You can display the main products of your company here. To display the products, you need to install WooCommerce plugin first.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Front Page Settings> Product Section.
  • Enter the Section Heading and Section Description.
  • Choose number of products to display. 4 Products are displayed by default.
  • Choose the products you want to display.
  • Enter Button Label.
  • Click Publish.

Subscription Section

You can choose background for the subscription section here. To add subscription form, you need to install and activate Newsletter plugin and go to Appearance >Customize>Front Page Settings> Subscription Section Widget.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Front Page Settings> Subscription Section .
  • You can either add a background image or select background color in Select Background Options.
  • Click Publish.

Subscription Section Widget

You can add a subscription form in this section. You need to install and activate Newsletter plugin to add subscription form.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Front Page Settings> Subscription Section Widget.
  • Click “Add a Widget” and select Newsletter from the list of widgets.

  • Fill in the subscription/newsletter form details.
  • Click Publish.

Contact Section

You can display the contact information, location of your business, and a contact form in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Front Page Settings> Contact Section
  • Enter the Section Heading and Section Description.
  • Fill in Contact details.
  • You can Enable/Disable Contact Details as per your wish. (Blue is Enabled)
  • Enter the shortcode for the contact form you want to display in this section. You can find the shortcode of the contact form at Dashboard> Contact >Contact Forms.
  • Click Publish.

Google Map Section

You can add Google Map in this section of homepage.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize> Front Page Settings> Google Map Section.
  • You can choose “Plugin Shortcode” or “Embed Map” in Map Options to display Google Map.
  • If you wish to select “Plugin Shortcode” in Map Options, Enter the Shortcode for Google Map. You can get it from WP Google Maps Plugin.
  • If you wish to select “Embed Map” in Map Options, Enter Google Map embed code. You can get it from maps.google.com
  • Click Publish.

Default settings

You can choose Header Text Color, Background Color, Image or Pattern here and choose the page you want to set as Home Page and Posts Page as well.

Colors

You can set the color of the Header Text and Background Color of theme here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize > Default Settings > Color.
  • Choose the color for header text under Header Text Color.
  • Choose the background color for your theme under Background Color.
  • Click on Select Color to choose the color as per your wish.
  • Click on Publish.

Background Image

You can select a Background Image or Pattern for your theme here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize > Default Settings > Background Image.
  • Click on Select Image to upload and use image as background for your theme.
  • If you wish to choose background pattern for your theme, you can directly select the pattern of your choice under Background Pattern.
  • Click publish.

Social Media Settings

You can add and configure social icon for your site’s header and footer here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Social Media Settings.
  • Click on Add new links to add social icons.You can add as many icon as you like.
  • Search and select social icon of your choice.
  • Enter the link of the social site.
  • Drag the social medias up or down to arrange them.
  • Click Publish.

Styling Settings (Change color to the theme)

You can change Primary Color, Button Background Color, and Button Background Hover Color here. You can change Secondary Font Family and Style as well.

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Styling Settings.
  • Click on Select Color to choose various Colors Scheme (Primary Color, Button Background Color, Button Background Hover Color) for your theme.
  • Choose secondary font family and font style for your theme.
  • Click Publish.

Contact Page Settings

You can modify different sections of the contact page here. You must be on the contact page to configure the sections. So, you need create a contact page first.

Create a Contact Page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the Title for the Contact page.
  • Enter the contents for the contact page in content area.
  • Select Featured Image
  • Choose “Contact Page” Template
  • Click on Publish/Update.

contact us.png

Contact Form Section

You can add Contact Form Heading and Contact Form Description from this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance>Customize > Contact Page Template Setting> Contact Form Section.
  • Enter Contact Form Heading and Description.
  • Enter the shortcode of the contact form. You can find the shortcode of the contact form at Dashboard> Contact >Contact Forms.
  • Enable Show Contact Form as in Homepage ? to show Contact Form as in homepage.(Blue is enabled). Otherwise, enter a Contact Form shortcode.
  • Click on Publish..

Contact Details Section (Add contact details)

You can add the contact information like phone, email, fax…etc. in this section using widgets.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Template Settings> Contact Details Section
  • Enable/Disable Contact Details Section. (Blue is enabled)
  • Enable Show Contact Details as in Homepage ? to show Contact Details as in homepage.(Blue is enabled). Disable to add custom contact details.
  • Fill in the contact details if you wish to add custom contact details.
  • Click on Publish.

Working Hours Section

You can display your company’s hours of operation here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Template Settings> Working Hours Section
  • Enable Working Hours to add working hour details.(Blue is enabled)
  • Fill in the details.
  • Click Publish.

Social Links Section

You can add social media links on your contact page using this setting.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Template Settings> Social Links Section
  • Enable Social Links to display Social Icons on your contact page.(Blue is enabled)
  • You can customize Social media links from Appearance > Customize > Social Media Settings.
  • Enter Social Links Label.
  • Click Publish.

Google Map Section

You can show google map on your contact page using this setting.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Template Settings> Google Map Section
  • Enable Show Google Map as in Homepage? to show Google Map as in Homepage (Blue is enabled). Disable to add custom google map.
  • You can choose “Plugin Shortcode” or “Embed Map” in Map Options to display Google Map.
  • If you wish to select “Plugin Shortcode” in Map Options, Enter the Shortcode for Google Map. You can get it from WP Google Maps Plugin.
  • If you wish to select “Embed Map” in Map Options, Enter Google Map embed code. You can get it from maps.google.com
  • Click Publish.

Sort or Toggle Sections

You can Sort or Toggle contact page’s sections here. Sorting can be done only for Contact meta section and Google map section. Contact Meta section includes ( Form, Details, Working Hours and Social Links ).

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Template Settings> Sort or Toggle Sections
  • Click on Eye icon to Click on Eye icon to Enable / Disable sections, Click and Drag section to sort.
  • Click Publish.

About Page Template Settings

You can edit sections of your about page here. You need to be on the about page to modify the page. So, you need to create an about page first.

Create About Page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the Title for the about page.
  • Enter the contents for the about page in content area.
  • Select Featured Image
  • Choose “About Page” Template
  • Click on Publish/Update.

about page create.png

About Intro Section

You can add a short introduction about your company using this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> About Page Template Settings> Intro Section
  • Click on Add new Intro.
  • Enter the title and description of the intro.
  • You can add image for the intro section by clicking on Add Image.
  • Click on Add new Intro again to add multiple number of intro.
  • Click Publish.

Stat Counter Section

You can add counters in this section. You can show the stats of your company using this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> About Page Template Settings> Stat Counter Section
  • Enable Show stats counter as in Homepage? to show stat counter as in Homepage(Blue is enabled). Disable to to add custom stats counter.

  • You can either add a background image or select background color in Select Background Options.
  • Go to Customizer > About Page Template Settings > About Page Stats Counter Widget. You must be on the about page to see this option.
  • Click “Add a Widget” and select RARA: Stat Counter Widget from the list of Widgets.
  • Enter Title, Value and choose Icon or upload Image for the stats counter.
  • Click “Add a Widget” again to add multiple stats on this section. Recommended number of widgets is 4.
  • Click Publish.

Additional Info Section

You can add additional info about your company using this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> About Page Template Settings> Additional Info Section
  • Click on Add new Info.
  • Enter the title and description.
  • Click on Add Image to upload image for the info.
  • Click on Add new Info again to add couple of infos.
  • Click Publish.

Sort or Toggle Sections

You can sort or toggle about page template sections here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> About Page Template Settings> Sort or Toggle Sections
  • Click on Eye icon to Enable / Disable sections, Click and Drag section to sort.
  • Click Publish.

Service Page Template Setting

You can edit sections of your service page here. You need to be on the service page to modify the page. So, you need to create an service page first.

Create Service Page

  • Login to your WordPress Dashboard.
  • Go to Dashboard > Pages > Add New.
  • Enter the Title for the service page.
  • Enter the contents for the service page in content area.
  • Select Featured Image
  • Choose “Services Page” Template
  • Click on Publish/Update.

Our Services Section

You can add custom Services or show services as in Homepage from this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Service Page Template Settings> Our Services Section
  • Enable Show Our Services as in Homepage? to show Services as in Homepage (Blue is enabled). Disable to add custom Services.
  • If you want to add custom Services, click on Add new Service.
  • Enter the title and description of the service.
  • Click on Add Image to upload or select image for the service. Font Awesome Icon will be used if there is No Service Image.
  • Click on Add new Service again to add multiple number of services. You can add as many as you want. Recommended number of services is 6.
  • Click Publish.

Call to Action Section

You can display a Call To Action button to promote your company in this section of Service page.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sevice Page Template Settings> Call to Action Section
  • Enable Show CTA as in Homepage? to show CTA as in Homepage (Blue is enabled). Disable to add custom CTA.
  • If you want to add custom CTA, Enter section Heading and Description.
  • You can either add a background image or select background color in Select Background Options.
  • Enter CTA Button One Label and link. If you don’t enter the link, the button will not be displayed.
  • Similarly, Enter CTA Button Two Label and link.
  • Click Publish.

Other Services Section

You can show extra services provided by your company using this section.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Service Page Template Settings> Other Services Section
  • Enter Section Heading and Description.
  • Click on Add new Service.
  • Enter the title and description of the service.
  • Click on Add Image to upload or select image for the service.
  • Click on Add new Service again to add multiple number of services. You can add as many as you want. Recommended number of services is 5.
  • Click Publish.

Sort or Toggle Sections

You can sort or toggle service page template sections here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Service Page Template Settings> Sort or Toggle Sections
  • Click on Eye icon to Enable / Disable sections, Click and Drag section to sort.
  • Click Publish.

Restaurant Menu Template Settings

You can show your Restaurant menu by using this setting.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Restaurant Menu Template Settings
  • Enable Show Restaurant Menu as in Homepage? to show Restaurant Menu as in Homepage (Blue is enabled). Disable to add custom Restaurant menu.
  • If you want to add custom Restaurant menu, choose number of tabs to be displayed as menu. You can add maximum ten tabs as menu. 5 tabs are displayed by default.
  • Choose categories for the menu under Select category 1,2,3,4,5.
  • Click Publish.

General Settings

You can configure various settings here– pagination settings, breadcrumb settings, meta settings for posts, social sharing buttons for posts, post meta setting, WooCommerce product settings etc.

Basic Settings

You can change basic settings (Admin bar, Lightbox, Quick Search, Demo and Pagination Type) here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Basic Settings
  • Enable/Disable Admin Bar. If you disable the Admin Bar, you won’t see WordPress admin bar on the top of your website when you are logged in (Blue color is enabled).
  • Enable/Disable Lightbox. If you enable the Lightbox, the larger version of the images can be viewed in a pop-up, without leaving the page. Blue color is enabled.
  • Enable/Disable Ajax Quick Search. Ajax Quick Search displays search results right below search bar. Blue color is enabled.
  • Enable or Disable Demo Content for Home page.
  • Select a Pagination Type
  • Check categories to exclude from blog and archive page.
  • Click Publish.

BreadCrumb Settings

Configure breadcrumbs of your website here.

  • Login to your WordPress Dashboard.
  • Go To Appearance> Customize> General Settings > Breadcrumb Settings.
  • Check to enable and uncheck to disable Breadcrumb.
  • Check Show current to highlight the current page or post.
  • Enter Breadcrumb Home Text.
  • Enter Breadcrumb Separator.
  • Click Publish

Post Meta Settings

You can decide which meta tags to show on your posts here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings> Post Meta Settings
  • Enter the meta tags you want to display on your posts
  • Choose Number of Character for Post Excerpt.
  • Enter the label for Read More Text.
  • Click Publish.

Social Sharing

You can enable/disable sharing icons for blog posts here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Social Sharing
  • Enable/Disable Social sharing buttons
  • Enable/Disable floating of the social buttons on posts.
  • Click on the eye icon at the beginning of a social network to enable or disable it
  • Drag the social medias up or down to arrange them.
  • Click Publish.

Scroll to Top Settings

You can Enable or Disable Scroll to Top Option from this setting.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Scroll to Top Settings
  • Enable or Disable Scroll to Top Option(Blue is enabled).
  • Click Publish.

Users Social Media Settings

You can set number of social links for Users in single post here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Users Social Media Settings.
  • Choose number of social media.
  • Click Publish.

WooCommerce Product Settings

You will find options to customize WooCommerce photo gallery in this setting.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > WooCommerce Product Settings.
  • Enable Product Gallery Options to add Zoom, Slider and Lightbox options in WooCommerce product gallery.

Reset all settings

You can reset all settings to default here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings > Reset all settings
  • Check to reset all settings (Blue is checked).
  • Click Publish.

Post Page Settings

You can change the settings of your post pages here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize > Post Page Settings
  • Choose to Show or Hide Author Bio.
  • Choose to Show or hide featured Image in posts.
  • Choose to Show or Hide Comments.
  • Enable to Highlight Author Comments (Blue is enabled).
  • Enable to Highlight Author Comments.
  • Enable to Show Related Post.
  • Enter Related Post Label.
  • Choose Categories/Tags to display related post based on Single Post.
  • Click Publish.

Sidebar Settings

You can add and configure sidebars here. But, to add tools to the sidebar you should go to Appearance>Widgets.

Add a Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sidebar Settings
  • Click Add new dynamic sidebar
  • Give the sidebar a name
  • Select the sidebar layout style
  • Click Publish

You can see the new sidebar in Appearance> Widgets. Add a widget to the sidebar and click save to configure the newly created sidebar.

Configure Sidebar

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Sidebar Settings
  • Select Sidebars for various Pages, like Blog Page, Single Page, Single Post Page, etc. The sidebar selected under the particular pages will only be displayed on the page. For example: Blog Page Sidebar appears only on blog page.
  • Click Publish

Typography Settings

You can change the fonts of your contents and Heading tags here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Typography Settings
  • Select the content type to change its typography

  • Configure Font family, Style, Size, Line Height, Color (Using Color pallet).
  • Click Publish

Custom Post Type Settings

You can change the displaying settings for custom post type here.

Team Members Page Settings

You can choose team order for team page and number of team members here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Custom Post Type Settings >Team Members Page Settings.
  • Choose team order for team page. If you select “Post Date” as post order, the latest member that was added will be displayed first. If you select “Menu Order” as post order, the team members will be displayed according to the order you assigned in Team Attributes section while creating team members.
  • Choose number of Team Members.
  • Click Publish.

Testimonial Page Settings

You can choose testimonial order for testimonial page and number of Testimonial Posts here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Custom Post Type Settings >Testimonial Page Settings.
  • Choose testimonial order for testimonial page. If you select “Post Date” as post order, the latest testimonial will be displayed first. If you select “Menu Order” as post order, the testimonials will be displayed according to the order you assigned in Testimonial Attributes section while creating testimonials.
  • Choose number of Testimonial Posts.
  • Click Publish.

Event Page Settings

You can choose event order for event page and number of team members here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Custom Post Type Settings > Event Page Settings
  • Choose event order for event page.
  • Choose Number of Event Posts. If you select “Upcoming Event Date” as post order, the latest upcoming event will be displayed first. If you select “Menu Order” as post order, the events will be displayed according to the order you assigned in Events Attributes section while creating events.
  • Click Publish.

Custom Codes

You can add custom css codes here. The codes entered here will override default settings.

  • Login to your WordPress Dashboard
  • Go to Appearance>Customize > Custom Codes > Additional CSS to add your custom CSS
  • Click Publish

Navigation Menus (Create and Edit Menu)

You can create navigation menu from Customizer or from Dashboard. This theme supports three menus: Primary, Top, and Footer. If you need more than two menus, you can add them in the sidebar using “Navigation Menu” widget.

Create a New Menu from Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance > Customize> Menus in the WordPress Dashboard
  • Click on Create a New menu button

  • Give a name to your menu and select whether you want to display the menu on Primary, Top, or Footer location. If you select primary location, the menu will be displayed below the logo. If you select top menu location, the menu will be displayed above logo. If you choose footer menu, the menu will be displayed on the footer.
  • Click Next

  • Click “Add Items” to add items (pages, posts, categories, custom links…) to the Menu
  • Click “+” icon on the items list to add the item to the menu
  • Drag and Drop the added items to rearrange them.
  • Click Publish

Create Menu from Dashboard

  • Login to your WordPress Dashboard.
  • Go to Appearance > Menus in the WordPress Dashboard

  • Click on create a new menu.

menu dash create.png

  • Give a name to your menu in Menu Name and click Create Menu button.

menu dash save.png

  • Select the items from Pages, Posts, Custom Links, or Categories and click “Add to Menu”.

  • Drag and Drop the added items to rearrange them.
  • Check the Menu location to Primary or Top or Footer
  • Click Save Menu

Widgets

You can add the widgets to the sidebar in two ways, either via Dashboard or Customizer.

Adding Widgets via Customizer

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize>Widgets
  • Make sure you are on the page you want to add widgets to.
  • Click on the desired Sidebar or location (the one you want to add widgets to). You can add widgets on Footer as well.
  • Click on Add a Widget to add widgets
  • Select desired Widgets and give title to the widget.

  • Click Add a Widget to add more widgets in the sidebar
  • Drag and reorder the widget as desired
  • Click Publish

Adding Widgets via Dashboard

  • Login to your WordPress Dashboard
  • Go to Appearance> Widgets
  • Available widgets are listed on the left hand side while Sidebars are listed on the right side (including the sidebars you create)
  • Drag and drop the widgets to the desired sidebars.

Footer Settings (Footer Credit)

You can edit your lower footer here.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> Footer settings
  • Enable Hide Contact Info to hide your contact information on the footer.
  • Hide or Show Author Link and WordPress Link. (Blue is Hide)
  • Enter Footer Copyright text.
  • Enable Hide Social Links to hide the social media icons on the footer.
  • Click Publish.

Footer Section

The theme has 3 widgets area in the footer. You can add various widgets in the area. To add widgets in the footer, go to Appearance> Customize>Widgets and select the Footer Location (footer one, two, three) and add the widgets.

Helpful Tips

  • We highly recommend to use Child Theme if you need to change the code of the theme. Do not change the codes in the files of the parent theme as all such changes will be lost when the theme is updated. Here’s an easy to follow guide if you don’t know how to create a child theme.
  • Always keep BackUp of your theme before making any changes to the theme.
  • If you get any problem in using the theme, you can do the following things:
    • Deactivate the plugins, sometime plugin conflict may cause issues with the theme. Please deactivate the unused plugins.
    • Replace the latest modified code with the original code.
    • If the issue still pertains, feel free to contact us using our Support Ticket
Get all our 20 premium themes worth $1380 at just $99! Limited time offer.Get IT NOW!
+ +