Preschool and Kindergarten Pro Documentation

Thank you for choosing Preschool and Kindergarten Pro WordPress theme! The theme was created with love.

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

Table of Contents

How to use this Documentation?

We recommend everyone to go through each/ty 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.

Requirements for Getting Started

Make sure Preschool and Kindergarten Pro is compatible to your WordPress version.

Preschool and Kindergarten 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 Preschool and Kindergarten Pro theme
  • Install Necessary Plugins. Some functionality of the theme might not work if you do not install the recommended plugins.
  • Setup a Home Page
  • Enable/Disable Demo Content for Home Page.

Checking and Updating WordPress Version:

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

check wordpress.png

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

Preschool and Kindergarten Pro includes:

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

Theme Installation & Activation

You can install the ‘Preschool and Kindergarten Pro’ theme in two ways: via FTP/Cpanel or via WordPress Dashboard. Choose the method that suits you the best.

We recommend Installation via WordPress because it is easier.

Installation via WordPress (Recommended)

upload theme preschool.gif

To install the theme via WordPress Dashboard follow these steps:

  • Log in to WordPress Dashboard.
  • Go to Appearance > Themes.
  • Click on Add New button
  • Click on Upload Theme.
  • Click on “Browse…”, select the “preschool-and-kindergarten-pro.zip” file from your computer and click Open.
  • Click Install Now.

Installation Via FTP/cPanel

To Install the theme via FTP/Cpanel follow these steps:

  • Unzip “preschool-and-kindergarten-pro.zip” file on your computer.
  • Login using FTP client to access your host web server.
  • Locate the “wp-content/themes/” folder in your WordPress install files.
  • Upload the unzipped Preschool and Kindergarten Pro folder into the “wp-content/themes/” folder.
  • For More Information about installing theme using FTP visit : http://codex.wordpress.org/Using_Themes#Adding_New_Themes

Activate the theme

  • Log in to the WordPress Administration Panel.
  • Go to Appearance > Themes in the WordPress menu
  • Hover over the theme thumbnail and click the Activate button.

Plugins Installation

You must install the following plugins to get the best out of Preschool and Kindergarten Pro theme.

Recommended Plugins

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 seven custom post types, namely, FAQs, Logos, Practices, Services, Portfolios, Team Members, and Testimonials. The plugin also generates 16 Rara Theme exclusive widgets, and useful shortcodes.

Jetpack by WordPress.com (Automattic): The plugin provides a variety of complementary features for your Theme. You must install and activate this plugin to enable Newsletter section on homage page and about us page.

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

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.

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

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

Install Recommended Plugin:

  • Go to Appearance> Install Plugins

recommended plugins.png

  • Click “Install” to install the plugins.

plugin install.png

  • Click “Activate” to activate the plugins

plugin activate.png

How to Create a Page

  • Log in to WordPress Admin Panel.
  • Go to Pages > Add New.

home page create.png

  • Enter the Title and content (description) for the Page.
  • Set Featured Image
  • Click Publish.

create a page.png

Setting up the Front/Landing/Home 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.

To setup/configure the home page, you must first create a page.

Configure the home page

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Static Front Page.
  • Select A static page under Front Page displays
  • Choose the page you want to set home page as Front page.
  • Click Save & Publish.

home page config.png

Setting up Blog Page

You can display your blog posts on blog page of your website. To configure/setup the blog page, you must create a separate page for blog posts.

Configure the blog page

  • Log in to WordPress Admin Panel.
  • Go to Appearance>Customize > Static Front Page.
  • Select A static page under Front Page displays
  • Choose the page you just created as Posts Page.
  • Click Save & Publish.

blog page config.png

Demo Content for Home/Front Page

When you install and activate the Preschool and Kindergarten Pro theme for the first time, the demo content of the home page of the theme (link here) will be automatically displayed on your website.

You can enable or disable the demo content from the customizer.

Enable/Disable Demo Content:

  • Login to your WordPress Dashboard.
  • Go To Appearance> Customize> General Settings > Misc Settings
  • Enable/Disable Demo Content. Blue color is enabled. The demo content is enabled by default.
  • Click Save & Publish

home page demo.png

Import Complete Theme’s Demo

If you want to import complete demo of the theme, please refer here.

Making One Page Website

You can make Preschool and Kindergarten 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 > Home Page Settings and disable “Section Menu” option.
  • Click Save & Publish.

one page.png

Add/Configure Contact Form

You must install and activate Contact Form 7 Plugin to add or configure contact forms.

  • 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

header.png

You can modify your header here.

You can edit your website’s identity, header layout (the theme comes with 9 different header layouts), social icons for headers and archive page for header here.

Site Identity

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.
  • Click Save & Publish.

site identity.png

Layout Settings

You can change the header layouts here. You can choose from 9 different header layouts.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings> Layout Settings
  • Select a header that suits you the best
  • Click Save & Publish

header layouts.png

Header Social Icon

You can add social icons on your header here. The theme supports more than 15 social media icons.

header social icon.gif

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings> Header Social Icon Widget
  • Click “Add a Widget”
  • Select “RARA: Social Links” from the list of widgets
  • Enter the title for the widget
  • Click “Add Social Icon” to add a social icon
  • Enter the name of the social media. The theme automatically pulls the icon for it.
  • Click Save & Publish.

Misc Settings

  • 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.
  • Enable/Disable Sticky Header. If you enable it, your header will be sticky. Blue color is enabled.
  • Enable/Disable Search Form. If you enable it, you will see a search bar in the header. Blue color is enabled.
  • Enter Phone Label. This label will only be visible on certain header layouts.
  • Enter Phone Number for header.
  • Enter Email Label and Email address for header. The email address appears only on certain headers.
  • Enter Opening time label and time. The opening time appears only on certain headers.
  • Click Save & Publish

header misc setting.png

Archive Header Settings

archive header.png

You can modify the Page Title of custom post types here. The value entered here will be displayed on the header section of the post page.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Header Settings> Archive Header Settings
  • Enter titles for the respective posts. If you leave the field empty, the default titles will be shown.
  • Click Save & Publish

archive header settings.png

Styling Settings

You can change posts layout, theme colors and background here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Styling Settings
  • Choose the default layout for the posts. Layout changed in individual posts will override this setting.
  • Choose Various Colors Scheme (Primary Color, Secondary Color, Banner Form Color and Background Color) for your theme.
  • Select a Background Image or Pattern.
  • Click Save & Publish

styling settings.png

Change Color Scheme of Theme

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Styling Settings
  • Change the color of the themes as required.
  • Click Save & Publish

color scheme.png

General Settings

You can configure various settings– post page settings, blog page settings, breadcrumb settings, meta settings for posts and social sharing buttons for posts here.

BreadCrumb Settings

Configure breadcrumbs on your website here.

  • Login to your WordPress Dashboard.
  • Go To Appearance> Customize> General Settings > Breadcrumb Settings.
  • Choose to enable or disable Breadcrumb
  • Enter Breadcrumb Home Text.
  • Enter Breadcrumb Separator.
  • Click Save & Publish

breadcumb settings.png

Blog Page Settings

You can change the layout of the blog page and also exclude categories of your choice from blog page here.

  • Login to your WordPress Dashboard.
  • Go To Appearance> Customize> General Settings > Blog Page Settings.
  • Select Blog Page Layout
  • Check the categories you want to exclude in blogs.
  • Click Save & Publish

blog page settings.png

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 Save & Publish.

post meta settings.png

Post Page Settings

You can change the settings of your post pages here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> General Settings> 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.
  • Click Save & Publish.

post page settings.png

Misc Settings

You can change misc settings (Admin bar, Lightbox, Quick Search, Home Page Demo Content and Pagination Type) here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > General Settings > Misc Settings
  • Enable or 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
  • Click Save & Publish

misc settings general.png

Slider Settings

slider area.png

You can enable or disable home page slider and modify the slider section here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize >Slider Settings> Slider Content
  • Choose Slider Type (Page, Category, Custom)
  • Click Save & Publish

Slider Content

Slider using Page

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Slider Settings> Slider Content
  • Choose Slider Type to Page
  • Choose Pages to be displayed as slider under Choose Page One, Choose Page Two, Choose Page Three, Choose Page Four, and Choose Page Five.
  • Enter the Readmore Button Label
  • Click Save and Publish.

slider content page.png

Slider using Category

  • Log in to WordPress Admin Panel
  • Go to Appearance> Customize> Slider Settings > Slider Content
  • Choose Slider Type to Category
  • 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.
  • Enter the Readmore Button Label
  • Click Save and Publish.

slider content category.png

Slider as Custom

  • Log in to WordPress Admin Panel
  • Go to Appearance> Customize> Slider Settings > Slider Content
  • Choose Slider Type to Custom.
  • Click on Add new slides.

slider content custom add.png

  • Click on Slide No. (1,2,3…) you want to modify
  • Click Add Image to upload an Image.
  • Enter Title, Description and Link for the Slide.
  • Click Add new Slide to add new slides
  • Enter the Readmore Button Label
  • Click Save and Publish

slider content custom.png

Slider Options

You can alter caption, background, transition and other slider settings here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance > Customize > Slider Settings > Slider Options
  • Enable Slider Auto to make slides transition automatically (while scrolling) without a click (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.
  • Enable Slider Caption Background to add background to the slider caption.
  • Enable Use Full Size 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)
  • Set the Slider Animation Speed
  • Choose Slider Animation type.
  • Click Save & Publish

Home Page Settings

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

Also, make sure you have set the home as static front page.

Welcome Section

Display a short welcome message and tell something about your company in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Home Page Settings> Welcome Section
  • Select a Welcome Page. If you don’t have a page for welcome message, you can create a page. The title, description (excerpt) and featured image of the selected page is displayed as the title, description and image of this home page section.
  • Enter the Read More Text
  • Click Save & Publish

homepage section welcome.png

Activities Section

You can display various activities organized by your institution here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Home Page Settings> Activities Section
  • Enter Title and Description for the section
  • Select posts to display on this section of the homepage. You can show up to 3 posts in this section.
  • Click Save & Publish

homepage section activities.png

Subscription Section

You can display and configure the subscription/newsletter section on the home page.

To enable this section, you must install and activate Jetpack plugin.

Once the Jetpack plugin is activated, from WordPress dashboard, go to Jetpack> Settings. In the Discussion tab, enable Subscriptions.

jetpack enable.png

Once the subscription module is activated on Jetpack plugin, you need to configure the subscription section.

How to configure Subscription section

  • Go to Appearance> Customize> Home Page Settings> Subscription Section Widget
  • Click “Add a Widget”

homepage subs.png

  • Select Blog Subscriptions (Jetpack) from the list of widgets

homepage subs 2.png

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

homepage subs 3.png

Features Section

Showcase the unique features of your organization in this section of the homepage.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Home Page Settings> Features Section
  • Enter Title and Description for the section
  • Select Post/Page. The content of the selected post/page will be displayed in this section.
  • Enter View More label in Button Label
  • Enter the link of the page/post in Button Link.
  • Click Save & Publish

homepage section features.png

Events Section

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.

events add.png

Configure Events Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>HomePage Settings> Events Section
  • Enter Title, Description for the section
  • Select the events you want to display on home page. You can show 3 events in this section.
  • Enter Button Label to show more events. The button links to the Events archive page.
  • Click Save & Publish

hompage events.png

Promotional Section

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

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize>Home Page Settings> Promotional Section.
  • Enter section title and section description.
  • Enter Promotional (CTA) Button Label and Button Link.
  • Select a background image for the section
  • Click Save & Publish.

homepage promotional.png

Courses Section

You can display the courses you offer in this section of home page. To show the courses, you must first create courses.

Create/Add Courses

  • Go to Dashboard> Courses> Add New
  • Enter the name of the Course in the title
  • Enter the description of the course
  • Enter the Details of the course
  • Add images for the slider for the course. The slider will be visible in the course post.
  • Set a featured image for the course.
  • Click Publish/Update.

courses add.png

Configure Courses Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>HomePage Settings> Courses Section
  • Enter Title, Description for the section
  • Select the courses you want to display on home page. You can show 3 courses in this section. The title, description (excerpt) and featured image of the selected courses will be displayed in this section.
  • Enter Button Label for courses. The button links to the Courses archive page.
  • Click Save & Publish

homepage courses.png

Team 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
  • Put the photo of the team member as the featured image
  • Click on Publish/Update button

team members add.png

Configure Team Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>HomePage Settings> Team Section
  • Enter Title, Description for the section
  • Select the team members you want to display on the home page. You can show 3 team members in this section of home page. The title, description (excerpt) and featured image of the selected team members will be displayed in this section.
  • Enter Button Label for team section. The button links to the Team archive page.
  • Click Save & Publish

homepage team section.png

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

testimonials add.png

Configure Testimonial Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Home Page Settings> Testimonial Section
  • Enter Title, Description for the section
  • Enable/Disable autoplay of the testimonial slider
  • Select the number of testimonials to show in the home page.
  • Select the Testimonial Order. Select Post Date if you want to show latest testimonials first. Select Menu Order if you want to display testimonial according to the order you assign them while publishing.
  • Enter Button Label for testimonials. The button links to the Testimonial archive page.
  • Click Save & Publish

Gallery Section

You can show the photos of your institutions in this section of the home page.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Home Page Settings> Gallery Section
  • Enter Title, Description for the section
  • Select the images that you want to show in this section by clicking Modify Gallery
  • Enter the Gallery slogan, Button Label and Link to show the complete gallery.
  • Click Save & Publish

homepage gallery section.png

Blog Section

You can display your recent blog posts in this section of the home page. You must setup a blog page first. The most recent blog posts will be displayed in this section.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Home Page Settings> Blog Section
  • Enter the title and short description for the section
  • Enter the View All button label. The button links to the blog page.
  • Click Save & Publish

homepage blog.png

CTA Block Section

This section will help you can create a call to action button.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Home Page Settings> CTA Block Section
  • Enter the title and short description for the section
  • Enter the label and link for the buttons
  • Select an background image for this section
  • Click Save & Publish

homepage cta.png

Contact Section

You can display the contact information and location of your institution in this section. You can configure the map from Appearance >Customize>Contact Page Settings> Google Map Settings.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Home Page Settings> Contact Section
  • Enter the title and short description for the section
  • Enter description about how to contact you in contact description
  • Enter the Address of your company
  • Enable/Disable the Email and Phone Number from header. If enabled, the email and phone number of the header will be displayed in this section. If disabled, enter the phone number and email.
  • Configure the map from contact page settings
  • Click Save & Publish

homepage contact.png

Sort Home Page Section

You can rearrange or show/hide home page sections here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> HomePage Settings> Sort 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 Save & Publish

homepage section sort.png

About Page 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.

Note: The theme creates an about page by default. You can use that page too.

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

Video Section

You can place a video describing your company in the about page.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> About Page Settings> Video Section
  • Enter the video link.
  • Click Save & Publish

about video section.png

Subscription Section (About Page)

You can display and configure the subscription/newsletter section on the about page. To enable this section, if you haven’t already in home page, you need to install and activate Jetpack plugin and then enable Subscription module.

After you activate the Jetpack subscription module (Jetpack> Settings> Discussion), place the Blog Subscription (jetpack) widget in Subscription Section Widget sidebar or follow these steps.

Then, from Appearance> About Page Settings> Subscription Section, enable Subscription Form to show the subscription form in about page.

subscription.png

Why Choose us Section

You can configure and display a why us section in about page here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> About Page Settings> Why Choose Us Section (About)
  • Click “Add a Widget”

aboutpage why us add.png

  • Select RARA: Icon Text Widget from the list of the widgets.

aboutpage why us select.png

  • Enter Title, Content, Link in the widget. Try to use title, short description and link that describes your company.
  • Select Style and Image or Icon.
  • Click “Add a Widget” if you want to add another text in this section.
  • Click Save & Publish

aboutpage whyus.png

Services Page Settings

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

Create Services Page

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

serivces page.png

Services Section (Service)

You can add the list of services you provide using RARA: Icon Text Widgets here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Services Page Settings> Services Section (Service)
  • Click “Add a Widget”

services servic add.png

  • Select RARA: Icon Text Widget from the list of the widgets.

services service wid.png

  • Enter Title, Content, Link in the widget. Use title, short description and link that describes the service.
  • Select Style and Image or Icon.
  • Click “Add a Widget” if you want to add another service in this section.
  • Click Save & Publish

services service.png

Facilities Section

You can add title and description for facilities section of the services page here.

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Services Page Settings> Facilities Section
  • Enter Section title, Description and BackGround Image.
  • You can add list of facilities from Facilites Section Widgets (Service)
  • Click Save & Publish

services facilities.png

Facilities Section Widgets (Service)

You can add the list of facilities you provide using RARA: Icon Text Widgets here. To add the title and description of the section, please see Facilities Section

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Services Page Settings> Facilities Section Widgets (Service)
  • Click “Add a Widget”

services facilities add.png

  • Select RARA: Icon Text Widget from the list of the widgets.

services facilites wid.png

  • Enter Title, Content, Link in the widget. Use title, short description and link that describes the facility that you provide.
  • Select Style and Image or Icon.
  • Click “Add a Widget” if you want to add facility in this section.
  • Click Save & Publish

services facilites 2.png

Featured Section (Service)

You can add the featured services in this section.

 

  • Log in to WordPress Admin Panel.
  • Go to Appearance> Customize> Services Page Settings> Featured Section (Service)
  • Click “Add a Widget”

services featured.png

  • Select RARA: Icon Text Widget from the list of the widgets.

services featured 2.png

  • Enter Title, Content, Link in the widget. Use title, short description and link that describes the featured services that you provide.
  • Select Style and Image or Icon.
  • Click “Add a Widget” if you want to add facility in this section.
  • Click Save & Publish

services featured 3.png

Promotional Section

You can use this section of services page to create call to action promotion.

  • Log in to WordPress Admin Panel.
  • Go to Appearance >Customize>Services Page Settings> Promotional Section
  • Enter the title and short description for the section
  • Enter the label and link for the buttons
  • Select an background image for this section
  • Click Save & Publish

services promotional.png

Contact Page Settings

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

Note: The theme creates a contact page by default. You can use that page too.

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

Google Map Settings

You can place a google map of your company’s location on the contact section of home page and contact page.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Settings > Google Map Settings
  • Enable Google Map if you want to display map on contact page. If you want to show the featured image of the contact page instead, disable Google Map.
  • Enable/Disable Google Map for home page contact section.
  • Enable Scrolling Wheel to allow users to scroll through the map.
  • Enable Map Controls to display map control on the map.
  • Enable Map Marker to display Pin on the map
  • Enter Google Map API Key to show the map on the page. Map won’t be displayed if you don’t enter the correct API key. You can get the key here.
  • Enter the Latitude and Longitude of your company’s address.
  • Configure Map Height, Zoom Level of the map and map Type.
  • Click Save & Publish

contactpage google map.png

Contact Details Settings

You can add contact details here. You can add phone number and address of your company. You can also add a contact form in the contact page here. To configure/add contact form, see here.

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Contact Page Settings >Contact Details Settings
  • Enable/Disable the contact details as in home page. If enabled, the contact details of the home page will be displayed. If disabled, you can enter the contact details (Address, Phone number and email).
  • Choose a Contact Form to display. If you haven’t created a contact form, see here.
  • Click Save & Publish

contactpage contact details.png

Custom Post Type Page Settings

You can change the order of the posts in archive page in this theme. The custom posts archive page can be displayed either using latest posts order or by defining order in the post itself.

 

  • Login to your WordPress Dashboard.
  • Go to Appearance> Customize> Custom Post Type Page Settings
  • Select the Page you want to the change order of.

  • Select Post Date if you want to display latest posts on the top. Select Menu Order if you want to display posts according to the order you define while publishing the posts.

  • Click Save & 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 Save & Publish

typo setings body.png

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 sidebar
  • Give the sidebar a name
  • Click Save & Publish

sidebar add.png

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 Save & Publish

sidebar select.png

Menus

By default, all your primary pages will be displayed in the menu. If you want to create a Custom Menu, you can do it from Customizer or from Dashboard. This theme supports two menus: Primary and Secondary. If you need more than two menus, you can add them in the sidebar using “Custom Menu” widget.

Create Menu from Customizer

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

menu customizer add.png

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

menu customizer create.png

  • Click “Add Items” to add items (pages, posts, categories, events, services, 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.
  • Check the Menu location to Primary or Secondary
  • Click Save & Publish

menu customizer.png

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

menu dash add.png

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

menu dash save 2.png

Widgets

When you install Rara ToolKit Pro plugin, you get additional 16 special RARA widgets besides the default WordPress 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 (the one you want to add widgets to)

widgets.png

  • Click on Add a Widget to add widgets
  • Select desired Widgets and give title to the widget.

widgets customizer add.png

  • Click Add a Widget to add more widgets in the sidebar
  • Drag and reorder the widget as desired
  • Click Save & 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.

widgets 2.png

Custom Codes

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

  • Login to your WordPress Dashboard
  • Go to Appearance>Customize > Custom Codes > Custom Script to add your custom java scripts
  • Go to Appearance>Customize > Custom Codes > Additional CSS to add your custom CSS
  • Click Save & Publish

custom codes.png

Footer Settings

You can edit your footer here.

  • Login to your WordPress Dashboard
  • Go to Appearance> Customize> Footer settings
  • Hide or Show Author Link and WordPress Link. (Blue is Hide)
  • Enter Footer Copyright text
  • Click Save & Publish.

footer settings.png

Recommended Image Size (px)

With Sidebar: 832 x 475

Without Sidebar: 1140 x 475

Layout Post: 246 x 246

Banner: 1920 x 910

About Page: 520 x 520

Events: 185 x 185

Testimonials: 570 x 474

Team Members: 360 x 385

Popular Post: 60 x 60

Archive: 360 x 268

Gallery: 270 x 270

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. For information about How to create a child theme visit https://codex.wordpress.org/Child_Themes
  • 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 18 premium themes worth $1242 at just $99! Limited time offer.Get IT NOW!
+ +

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match