WordPress Theme Documentation
Thank you for purchasing Citta WordPress Theme. Before you get started, please be sure to always check out these documentation files. We outline all kinds of good information, and provide you with all the details you need know to use Citta Theme.
If you are unable to find your answer here in the documentation, please contact us on our Support Forum or directly from our themeforest account
Please don't forget to rate Citta with 5 stars and leave a nice review, it means a lot to us.
Simply log in into your Themeforest, go to Downloads section and click 5 stars next to the Citta WordPress theme.
The theme is built for use with WordPress 4.6+. We recommend to upgrade to the latest version before proceeding to the installation process.
For an easy installation and setup process, please check our Video Tutorial on YouTube!
Before installing the theme, please make sure you unpacked the archive and extracted theme files. After unzipping the archive you will see the following files:
In case you try to install the wrong files you will get missing styles.css file error. This is the most common error meaning you are trying to install incorrect package.
There are 2 ways to install the theme:
There are two methods to update your theme. These new updates are essential if you want to have a bug free WordPress website with security fixes, new features and improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with newer versions of WordPress. There is no risk of losing your settings and pages. However if you had made modifications to theme files, they will be lost.
Please follow below steps to update WordPress theme through WordPress Admin Panel.
Please follow below steps to update WordPress theme through FTP (File Transfer Protocol)
Citta VC-Elements, Visual Composer and Revolution Slider are included in the theme itself. We normally update these plugins whenever we update the theme to have latest versions of plugin. So it is recommended to update these plugins also after updating the theme. Please follow below steps to update these plugins.
Step 1: Login to your WordPress Dashboard and Click on Plugins.
Step 2: Select Citta VC-Elements, Visual Composer and Revolution Slider plugins by check marking the checkbox for each item and select Deactivate option from bulk option dropdown at the top left of the plugin listing grid and click Apply button. This will deactivate the selected plugins.
Step 3: Again select Citta VC-Elements, Visual Composer and Revolution Slider plugins by check marking the checkbox for each item and select Delete option from bulk option dropdown at the top left of the plugin listing grid and click Apply button. This will delete the selected plugins.
Step 4: Now go to Appearance > Install Plugins page and here you can install & activate Citta VC-Elements, Visual Composer and Revolution Slider plugins to have their latest versions.
To use this theme you must be running WordPress 4.6 or higher. If you use hosting with limited resources (for example GoDaddy and other lowcost shared hosting providers), you may experience issues with one-click dummy data installation feature.
We recommend you to contact your web hosting service provider to make sure that your server PHP configuration limits are as follows:
If you are running unmanaged dedicated server or VPS, you should check your php.ini file. Alternatively, you can edit .htaccess file in the root of your website and add the following values:
php_value max_execution_time 600 php_value memory_limit (up to) 128M php_value post_max_size 64M php_value upload_max_filesize 64M
Setting these values will ensure you will not get error messages during the installation. To safeguard your website, please use secure passwords and the latest version of WordPress and plugins.
IMPORTANT! To avoid any errors that might come up during the installation we recommend to have memory limit set up to 512M.
Here is the list of other recommended web hosting services:
In order to make the theme look exactly as at demo page you need to install the recommended plugins. Click on Begin installing plugins link.
You will be redirected to plugins installation page. Check all listed plugins, select Install option and click on Apply button. Installation may take a few minutes, please be patient and do not refresh the page.
Theme includes the following plugins:
Now let’s navigate to Theme Options. It gives you control over most of theme settings from one place. There are quite a lot of parameters here, but luckily the majority of them have default values that suit most of the users.
How it works
First, you should navigate to Citta Theme Options and set global options that will work throughout the entire site. These settings will be default for all categories, pages and posts of the theme:
The following screenshot shows the General tab of the Options panel:
After you have made some changes in the panel, please don't forget to click the "Save Changes" button located both in the bottom and top section of the panel.
To restore default settings of some particular section you may click the "Reset Section" button that will bring back the default values for that particular section you have opened. If you want to reset the whole panel, go ahead and click the "Reset All" button.
NOTE: some options are "blank (empty)" by default and that means the theme will take the default value in that case. It's not an error.
You may easily export your settings and then import them into another WordPress installation (or just for backup purposes). To do that, visit the "Import / Export" tab:
To export your options, you may either "Copy Data", download the data file or "Copy Export URL".
To import options you also have three different ways and you must choose pick the one that correlates with your export method. For example: If you downloaded the "Data File", you must click on the "Import from File" button.
Header is one of the most important parts of any website. This section will provide you with all the information you need to know.
Header is the section of the theme that appears on the top of each of your pages and posts:
Your header requires a custom menu to be created for the navigation to work. WordPress comes with a brilliant "Menu" functionality.
To create a new menu, go to Appearance Menus, click on the "create a new menu" button, type in your menu name ("Site Navigation" on the example below) and click on the Create Menu menu button:
After the menu is created, you will presented with this view:
It is important that under the "Display location" you tick the "Primary Navigation" checkbox (as shown on the screenshot above) so the theme knows that you want this particular menu to be displayed as the main website navigation. You may go ahead and "Save Menu" after you do that.
You may add new items to your menu within the sidebar located on the left on the screenshot above (with the "Pages" heading) - of course you need to create some Pages or Posts first (for that visit the Creating Pages section). There you may tick pages or posts you want to add to your menu and after you click on the "Add to Menu" button, they will be moved to the area on the right:
After you're done adding your menu items go ahead and click the "Save Menu" button. From now on, that particular menu will be shown in your website header as your main website navigation. Cool!
Citta features Mega Menus. The mega menus are available only for top level navigations items only. Just go to Appearance / Menus, edit your site navigation menu and arrange your menu items.
In Citta you can use top area bar above the main menu area to show some additional information like your contacts, links to social profiles and CTA button. You may see an example on the Hospital and Restaurant demo:
To enable the Top Bar section, go to Theme Options / Header / Top Bar and enable the "Top Bar" switch so it looks like above:
Here you can customize styles and typography for displaying Page Banner and page title using theme options (see below).
Setting up Blog post options
At the beginning, we're going to show you how to create single Blog posts. Each of them can represent your single project/work. You may create new posts by going to Blog / Add New tab in the WordPress side navigation or clicking the "New / Blog" link in your WordPress admin bar:
A new Blog post creation page looks like the following:
When you're done creating your posts, it's time to display them in a nice grid on your website.
You may create a Post page using a "News & Blog" component available as one of the elements in the Visual Composer page builder. Just create a new page, enable the Page Builder (click on the blue Backend Editor button):
Click Add Element to add a new element:
and choose the "News & Blog" component:
The element has just been added to your page builder content. Whenever you add a new element, a settings page will appear. For the "News & Blog" it looks like this:
And... that's basically it. You may save and preview your page. If you decide to create your Post page this way, keep in mind that it's going to display posts from all categories.
Setting up portfolio theme options
At the beginning, we're going to show you how to create single portfolio posts. Each of them can represent your single project/work. You may create new posts by going to Portfolio / Add New tab in the WordPress side navigation or clicking the "New / Portfolio" link in your WordPress admin bar:
A new portfolio post creation page looks like the following:
When you're done creating your portfolio posts, it's time to display them in a nice grid on your website.
You may create a portfolio page using a "Portfolio" component available as one of the elements in the Visual Composer page builder. Just create a new page, enable the Page Builder (click on the blue Backend Editor button):
Click Add Element to add a new element:
and choose the "Portfolio" component:
The element has just been added to your page builder content. Whenever you add a new element, a settings page will appear. For the "Portfolio" it looks like this:
And... that's basically it. You may save and preview your page. If you decide to create your portfolio page this way, keep in mind that it's going to display portfolio posts from all categories.
Sidebar is the perfect way to make the necessary information always available to the visitor. Theme comes with saveral default sidebar - e.g Left sidebar, Right Sidebar, footer columns etc..
Theme widgets can be set in the Appearance > Widgets section.
This section covers all information required for you start with your website's footer.
Footer is the area located at the very bottom of your website. If you haven't imported any demo site yet then you will be presented with this view:
Footer Widgets Area is by default not visible (if you haven't imported any demo sites). In order to show it, you need to add some widgets. To do that, go to Appearance / Widgets menu and drag some widgets into Footer 1-4 widget areas: