First, thank you for purchasing our theme!
This guide provides instructions for installation, help on getting started and extensive documentation of features. It is recommended you read it thoroughly to fully leverage the Citycab theme's capabilities. Please also make sure to check out our Video Tutorials as they explain everything covered in here in greater depth. We hope you enjoy building with Citycab as much as we enjoyed developing it and continue to develop with new features!
Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.
If you are struggling, here is a very detailed guide at Wordpress Codex that will walk you through every step.
If you prefer something more visual, you can watch this video tutorial on how to install Wordpress by us
(Please note the video shown is from our NUVO Restaurant theme, but the same process applies)
Once you have setup a copy of WordPress, there are two ways you can go about installing the theme:
Unzip the download and upload the theme directory /Citycab/ into your WordPress themes directory /wp-content/themes/.
This is definitely the easier route for most. Simply navigate to Appearance > Add New Themes > Upload. Click the 'browse' button and locate the still zipped theme folder. The theme will be uploaded and installed in a matter of seconds.
Here is our video tutorial to help you through the process
(Please note the video shown is from our NUVO Restaurant theme, but the same process applies)
After you have installed the theme successfully, you can optionally import the supplied dummy data in order to get a feel for things. If you're interested in importing the data, please check the Demo Data section below.
Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.
Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to apply.
Click the link Return to Required Plugins Installer.
Select the plugins you had installed, and then apply the bulk action to activate them.
Finally, you will got a confirmation notice that your plugins were activeded.
Noted: Before you install our themes, please go to CMS Heros on the left menu and click Save Change.
To help you set up website with the least efforts, we include in the theme package dummy content file. After installing it, all content seen on the live demo will be imported except for images/videos.
There are two methods you can use, one is using our One-click Importer, the other is Importing manually. To go with the former option, please follow the steps below:
1. Go to WP Citycab on the left menu.
3. Just select a demo and click Install and wait for the process to complete.
After the importation is finished, visit site to see the result. Now you have a website just like our demo, with the pictures replaced by grey images.
To imprort demo content by yourself, please follow some steps below:
1. Install and Active Widget Importer & Exporter plugin.
2. Import XML you need deactivate plugin EF3 Import And Export.
You need to extra theme package file. And then:
1. Go to Tools > Import.
2. You need upload two file:
Select Wordpress system then browse for the .xml file. You shoud be able to find it following the path wp-citycab > inc > demo-data > citycab > content > attachment-data.xml
And wp-citycab > inc > demo-data > citycab > content > content-data.xml
3. Choose a WXR (.xml) file to upload, then click Upload file and import.
4. You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
5. Click Submit.
Repeat the steps with content-data.xml file.
1. Go to Slider Revolution.
2. Import slider.
3. You shoud be able to find it following the path wp-citycab > inc > demo-data > citycab > revslider > home1.zip. You need upload all slider inside revslider file.
1. Go to WP Citycab > Import / Export on the left menu
2. You shoud be able to find it following the path wp-citycab > inc > demo-data > citycab > options.json .
3. You go to the option import / export in theme options then click on the button: "import this file" and copy all content in file options.json and paste in here like image below.
1. Go to Widget Importer & Exporter on the Tools menu.
2. You shoud be able to find it following the path wp-citycab > inc > demo-data > citycab > widgets.wie.
3. You can click button browse and upload file widget.wie
To be more perfect site you should install more photos.
1. Go to Regen Thumbnails on the Tools menu.
You just need to wait until the update is complete all photos.
You will have the perfect website.
Now you have a website just like our demo.
After installation, you will be suggested to install additional plugins. To install them and activate, please navigate to Plugins, you will see a list of required and optional plugins. We recommend that you install the following to get the best of our theme:
Visual Composer is the most popular drag and drop editor for wordpress.
If you need dedicated support for this component, please visit: Visual Composer on Code Canyon
Create a responsive (mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page!
Customize this slider with our convenient drag & drop backend to your very needs. This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.
For premium support with this plugin please visit: Revolution Slider on Code Canyon
Contact Form 7 is one of the most popular form builders for wordpress.
We have created styles ready for you to use within your Citycab theme.
For detailed inforamtion and support on this plugin, please go to: https://wordpress.org/plugins/contact-form-7/
With the Page Options specially built for our themes, you can easily customize the Header, Footer and Page Title of every page.
First take a look at the General tab, you will see Full width option.
By turning On/Off the switch button, you can change the Page Layout from Full Width to Boxed and vice versa in an instant.
Background Color: You can give each page a unique Header with this option
You can give a Page Title and Breadcrumb to the page here. The first, please enable Custom Setting and Show Page Title options.
Notice: If your page had not shown any widget, please do 2 steps :
To Add Widget on Sidebar, please following these steps:
The options panel is home to all of the theme's extensive configuration options. To view the panel, click on WP Citycab in the left-hand menu. Here you have the ability to alter many core aspects that make up how your theme looks and behaves. Any of the options that have some ambiguity to them conviently have descriptions to explain their purpose.
With our built-in importer, go to Import / Export tab, you will be able to get your site ready in a flash. Simply select a layout and click Import now to start importing demo data.
Page Loading: Enable it and reload page to see the result.
Smooth Scroll: Enable Smooth Scroll Animations.
Dev Mode: Auto Generate Dynamic Css (not recommended).
Space before Head: Add code before the head tag.
Space before Body: Add code before the body tag.
Set background image, color for body section.
You can select an image file in your library or upload a new file from your computer to set as logo. Follow the steps below to set up your logo:
Your logo will appear on the Header as below:
Select logo for sticky header.
This is one of most important sections for theme because this is what users see first. With our Theme Options, you will find various options to configure Header, including changing Layout, Header color, Margin, Padding...You also find configuration options for Sticky Menu here.
The first, please enable Header Top Widgets mode.
If you enable Sticky Header, the header will resize smaller and stick at the top of the screen as you scroll down, hence the size of the logo will change accordingly.
Not just color, all text elements are also within your control. Define the style of Body text and H1 to H6 Headlines yourself.
On this section, Citycab theme had some available fonts for you. If you want to set a special font for a special class, you only need to insert your class into Selector section, and choose the font that you want on the Font dropdown box. Finally, you click Save changes and see your result, all completed.
Here you can find all option to config for Blog, Archive, Search and Post single pages.
These are options use for Search page, Archive page, Author page and the Page.
Apply for Search page.
Apply for Archive page, ex: Category page.
Apply for Post single.
Note: Single post own use a widget, not widget in Archive page. Please go to Appearance > Widget to add for it.
Apply for the pages.
This is the Detail section, it will show on Post single.
Visual Composer is a powerful Wordpress page builder that allows you to create complex page layouts without touching a single line of code. To switch to Visual Composer's Backend Editor, click on this button:
When Visual Composer's editing pane comes up, click on either of these buttons to Add Element.
A shortcode selecting panel will show up, you can see all the shortcode available in the theme. Select the one you would like to use.
You will then encounter a setting panel for the shortcode (each shortcode has it own setting options), after a bit of configuration, it will show up nicely on your page.
This is Custom heading element.
To create a Portfolio page, first you need to create Portfolio Item.
After creating portfolio items, it's time to display them in a page using CS Portfolio shortcode.
To create pricing table, first you need to create pricing items.
After creating all Pricing Items, to add them in a page, first add a new page and select Backend Editor switch.
Now you can see your result:
After creating testimonials items, it's time to display them in a page using CS Testimonal.
Our themes are optimized by with H1, H2, H3, H4, H5 tags, clean code, HTML5 but if you want to get higher ranking on search engines, you must need some help from SEO plugins and Google Pagespeed Service:
You can update our theme using some ways bellow1.
Update theme using Envato WordPress Toolkit
2. You can update manual theme
If you have any troubles while using auto update ( It is likely to be a permissions issue ) then you may want to manually update the theme via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and simply replace with the old one via FTP or Cpanel.