Creativo 5.8.4

Thank you for purchasing Creativo theme and supporting our work.

If you can't find answers to your questions in this documentation, please send us your inquiries at support@rockythemes.com

You can also post your questions and issues on our Forum but you will have to create an account first.

Sincerely,
RockyThemes.com - We Create RockSolid WordPress Themes

Purchasing Creativo

Purchasing Creativo can only be done on the MojoMarketplace.com or Mojo-Themes.com.

The price of the Creativo theme is $49. Here's what you will receive after purchasing Creativo

  • Creativo Main Theme - in a zip file which you can use to install it on your WordPress site.
  • Creativo Demo Content - from version 5.3.1 you can install the demo content - Make Your Site Look Like Our Theme Demo - with only one click.
  • Visual Composer (worth $25) - the most powerful and easy to use Drag and Drop Page Builder
  • Layer Slider (worth $20) - premium Layer Slider plugin to create amazing sliders
  • Revolution Slider (worth $20) - premium Revolution Slider plugin to create amazing sliders with parallax effect
  • Lifetime Support - we are supporting Creativo users from day one. After four years of updates and improvements, Creatio is the Most Popular theme on the market.
  • Lifetime Automatic Updates - whenever we release an update you will be informed on your Appearance -> Themes page. Updating is done with just one click

Read this first

Wordpress 4.7

Creativo was created to run on the latest version of WordPress, at the time we wrote this documentation, WordPress 4.6.1 being the latest version of WordPress. We will continue to support upgraded versions of WordPress as much and as often as possible.

Creativo is 100% compatible with the latest version of WordPress: 4.7

To download the latest version of WordPress please visit: http://www.wordpress.org

Installing Creativo

To install Creativo theme you must have a working version of WordPress already installed. For information in regard to installing the WordPress platform, please see the WordPress Codex - http://codex.wordpress.org/Installing_WordPress

After purchasing Creativo you will receive a zip file. If you purchase the theme on MojoMarketplace.com you will receive a creativo-5-0-ultra-responsive-theme.zip file. You can use this package to install the theme on your WordPress site.

Installing the theme can be done in two ways:

Method 1: Via FTP

Extract the content of the archive file you just downloaded and upload the extracted folder to /wp-content/themes/ folder on your server. After doing this you should have something similar to the following: /wp-content/themes/creativo/

After the upload has been been completed you need to activate the theme. To do that please go to your WordPress backend, login with your username and password and nagitate to: Appearance -> Themes. Creativo theme should be listed there. Click the Activate link and your new theme should be now activated.

Method 2: Using WordPress Admin Options

  • Login to your WordPress backend with your username and password.
  • Navigate to Appearance -> Themes -> Install Themes tab
  • Click the Upload link and click the Choose File button. Navigate to the archive you just downloaded, select it and click Open.
  • Click Install Now button to upload and install the theme.

After uploading the theme, you have to activate it. Navigate to Appearence -> Themes page to activate the theme. Creativo theme should be listed there. Click the Activate link and your new theme should be now activated.

Watch the narrated video tutorial below to see how easy it is to setup Creativo and Make It Look Exactly Like Our Theme Demo

Video Tutorials

We created the following video tutorials to help you understand how to use Creativo theme efficiently.

Getting Started with Creativo
Creating a One Page Navigation
Creating a Contact Page
Logo - Creativo Theme Options
General Settings - Creativo Theme Options
Typography - Creativo Theme Options
Publishing your first Post

Migration

If you are migration from a theme which used the native featured images functionality of WordPress, please use Regenerate Thumbnails plugin to resize all the thumbnails.

Premium Plugins

Creativo theme is packing the following premium plugins:

  • Visual Composer
  • LayerSlider Responsive WordPress Slider Plugin
  • Slider Revolution Responsive WordPress Plugin
  • WordPress Live Chat Plugin for Sales and Support

After succesfully installing Creativo theme you will be prompted to install aditional plugins:


Click the Begin installing plugins link.

In the new page select all the plugins, by checking the checkboxes on the left of each premium plugin.

In the top left dropdown box please select: Install and click the Apply button.


If everything went well you should now see the confirmation screen like bellow. Your plugins have been succesfully installed:

Demo Data

To make your site look exactly like our theme demo you will have to install the Demo Data.

Since version 5.3.1, the One Click Demo Data install feature has been added.

Make sure you also install the WooCommerce plugin if you want to have the Shop section imported as well.

Setting up the Demo Data

Follow the steps below to make your site look exactly like our theme demo.

  1. Go to Appearance -> Import Templates
  2. Select the features that you want to be imported:
    • Contents - this will install the pages, posts, portfolio items, testimonials, clients, employees, menu and media files that are used on our Theme demo
    • Widgets - this will import the widgets used on our Theme Demo
    • Theme Options - this will import the Theme Options we used to create our Theme Demo
    • Revolution Slider - this will import the Revolution Slider that we created for our pages
    • LayerSlider - this will import the LayerSlider we created for our pages
  3. Click on Install button and wait until the importing process is finished. This can take a couple of minutes so please be patient.
  4. That's it. Everything was imported and you should now have the exact Theme Demo as you see here: http://rockythemes.com/creativo/

You can watch the narrated video tutorial on how to use the One Click Demo Data Importer

Theme Options

Use the Theme Options to customize the main design settings and functionlities of the Creativo theme.

To access the Theme Options, please go to Appearance -> Theme Options

Logo Favicon

Use the theme options provided here to customize the Logo and Favicon of your site.

  • Logo Upload - use this field to upload your own Image Logo. If no Image Logo is used, the default Title of your WordPress site will be used.
  • Logo Top Padding - add a padding top to your Logo
  • Logo Bottom Padding - add a padding bottom to your Logo
  • Logo Resize - enable this option to force your Logo to resize to a maximum width of 270px
  • Favicon Upload - use this field to upload your own Favicon. To generate a favicon you can visit Dynamic Drive
  • Text Logo Color
  • Text Logo Color on Hover
  • Enable Tagline
  • Tagline Color
  • Tagline Font Size (px)

General Settings

  • Page Loading - enable or disable the Page Loading effect. If you enable this option, your pages will load with a nice Fade effect.
  • Site Layout - select the actual layout of your site. Choose between: Boxed, Wide, Extra Wide
  • How Many Featured Images to use - select how many Featured Images to use for your posts and portfolio items.

Responsiveness

This option allows you to enable or disable the Responsiveness of the Theme. If you want your site to load exactly like it does on your Desktop computer, turn off this option.

Basic Design

Use the theme options provided here to customize the Basic Design of your site.

  • Select Body Font Family - select the Font to be used for the Content of your site.
  • Select Headings Font Family - select the Font to be used for the Html Headings tags of your site - H1, H2, H3, H4, H5, H6.
  • Sidebar Headings Font Family - select the Font to be used for the Sidebar Headings.
  • Body Font Size (px) - select the font size of the Content of your site.
  • Sidebar Heading Font Size (px) - select the font size of the Sidebar Headings.
  • Body Font Color - select the font color for the Content of your site.

Note The following settings will only work if the Boxed layout is selected under General Settings.

  • Outer Shadow - enable or disable the use of shadow effect for Boxed layout.
  • Margin Top / Bottom - select the margin top/bottom value for the Boxed Layout
  • Outer Padding - select the outer padding of the Boxed layout
  • Outer Border Style - select the outer border style for the Boxed layout
  • Outer Border Width - select the outer border width for the Boxed layout
  • Outer Border Color - select the border color for the Boxed layout
  • Outer Background - upload a custom image for the Boxed layout
  • Outer Background Repeat - select how the custom image will be repeated for the Boxed layout
  • Outer Background Attachment - select how the custom image will behave on user scroll.
  • Fullscreen Background - force the custom image to become Fullscreen for the Boxed layout
  • Use Patterns - enable or disable the use of Patterns for the Boxed layout
  • Outer Background Color - if no background image or pattern is used, you can define here a custom color to be used as the Background Color for the Boxed layout
  • Inner Background Color - select the background color of the inner content, for the Boxed Layout.

Colors

Use the Colors theme option to select the a predefined Color Scheme. You can create your own color scheme starting from the 7 existing color schemes.

  • Predefined Color Scheme - select one of the 7 predefined color schemes. You can alter each of these schemes to create your own color system.
  • Link Color - select the color used for Links
  • Link Color on Hover - select the color used for Links on Hover status
  • Image Hover Color - Potfolio & Blog Items - select the color used for the Image Hover effect
  • Shortcodes Default Color - select the default Shortcodes/VC elements color
  • Footer Widget Link Color - select the color for links used for Widgets in the Footer section

Top Bar

Use these theme options to customize the Top Bar for your site

  • Enable Top Bar - enable/disable the Top Bar section of your site
  • Top Bar Background Color - select the background color of the Top Bar
  • Top Bar Bottom Border Color - select the bottom border color of the Top Bar
  • Top Bar Social Icons Color - select the default color of the Social Icons in the Top Bar
  • Top Bar Icons Opacity - in percents - select the opacity of the Top Bar Icons
  • Contact Email - enter the email that will be displayed in the Top Bar
  • Phone Number - enter the phone number that will be displayed in the Top Bar
  • Enable Tap to Call Button - enable/disable the Tap to Call button of the Top Bar
  • Contact text Color - select the color of the text for the Contact area
  • Contact link Color - select the link color of the Contact area
  • Contact link Color on Hover - select the link color on hover status, of the Contact area
  • Separator Color - select the color of the separator in the Contact area

Header

The Header Theme Options allows you to change design and functionality settings for the Header section.

  • Sticky Header - enable/disable the Sticky Header
  • HEADER STYLE - allows you to select the style used for the Header area
  • HEADER ELEMENTS POSITIONING - allows you to select how the elements inside the Header will be positioned. Available options: normal, centered.
  • Use Patterns - enable/disable the use of patterns as the background of the Header
  • Header Custom Background - upload a custom image that will be used as the background of the Header
  • Header Custom Background Repeat - select how the custom image will be repeated inside the Header
  • Header Background Color - if no patterns or custom image is used for the Header, you can specify a solid color to be used as the background of the header

  • Header Menu Font Family - select the font family to be used for the Header Menu
  • Header Menu Font Size(px) - select the menu font size in pixels
  • Header Menu Font Weight - First Level only - select the font weight for the Main Items of the Header Menu
  • Header Menu Uppercase - enable/disable the uppercase for the Header Menu
  • Header Menu - SubMenu Indicator - enable/disable SubMenu indicator
  • Header Menu Text Color - select the color for the Main Items of the Header Menu
  • Header Menu Text Color on Hover - select the color on hover status for the Main Items of the Header Menu
  • Header Menu Background Color on Hover - select the background color on hover status for the Main Items of the Header Menu
  • Header SubMenu Items Text Color - select the color for the SubMenu Items of the Header Menu
  • Header SubMenu Items Text Color on Hover - select the color on hover status for the SubMenu Items of the Header Menu
  • Header SubMenu Items Background Color - select the background color for the SubMenu Items of the Header Menu
  • Header SubMenu Background Color on Hover - select the background color on hover status for the SubMenu Items of the Header Menu
  • Header SubMenu Items Separator Color - select the color of the separator for the SubMenu Items of the Header Menu
  • Header Menu Background Color - Modern Header Style - select the background color of the entire Header Menu - only works if the Modern Header is selected
  • Header Menu Border Color - Modern Header Style - select the border color of the entire Header Menu - only works if the Modern Header is selected

  • Column Title Text/Link Color - select the color of the Columns Headings for the MegaMenu
  • Column Title Link Color on Hover - select the color on hover status of the Columns Headings for the MegaMenu
  • Column Title Font Size - select the font size of the Columns Headings for the MegaMenu
  • Column Title Font Weight - select the font weight of the Columns Headings for the MegaMenu
  • MegaMenu Links Color - select the color of the links inside the MegaMenu - not Columns
  • MegaMenu Links Color on Hover - select the color on hover for the links inside the MegaMenu - not Columns
  • Header HTML Code - only works for Modern Header style - paste here the HTML code that will appear to the right of the logo, if the Modern Header style is selected

  • Header Bottom Margin (px) - add a bottom margin to the Header Area
  • Header Top Margin (px) - add a top margin to the Header Area
  • Header Top Padding (px) - add a top padding to the Header Area
  • Header Bottom Padding (px) - add a bottom padding to the Header Area
  • Title and Breadcrumb Background Color - select the color you want to use as the background of the Title and Breadcrumb Section
  • Title and Breadcrumb Font Color - select the font color of the Title and Breadcrumb Section
  • Title and Breadcrumb Search Box - enable/disable the Search Box inside the Title and Breadcrumb Section

Call to Action

  • Call to Action Bar - enable/disable the Call to Action bar.
  • Button Background Color - select the background color of the Button for the Call to Action bar
  • Button Border Color - select the border color of the Button for the Call to Action bar
  • Button Text Color - select the text color of the Button for the Call to Action bar
  • Button Background Color on Hover - select the background color on hover status of the Button for the Call to Action bar
  • Button Border Color on Hover - select the border color on hover status of the Button for the Call to Action bar
  • Button Text Color on Hover - select the text color on hover status of the Button for the Call to Action bar

Visual Composer Elements

  • Button Background Color - select the background color of the Button element
  • Button Border Color - select the border color of the Button element
  • Button Text Color - select the text color of the Button element
  • Button Background Color on Hover = select the background color on hover status of the Button element
  • Button Border Color on Hover - select the border color on hover status of the Button element
  • Button Text Color on Hover - select the text color on hover status of the Button element

  • Call to Action Text Color (Default) - select the text color of the Call to Action element
  • Call to Action Text Color on Hover - select the text color on hover status of the Call to Action element
  • Call to Action Background Color - select the background color of the Call to Action element
  • Call to Action Background Color on Hover - select the background color on hover status of the Call to Action element

  • Featured Services Background Color (Default) - select the background color of the Featured Services element
  • Featured Services Link Color (Default) - select the link color of the Featured Services element
  • Featured Services Background Color on Hover (Default) - select the background color on hover status of the Featured Services element
  • Enable White Circle - enable/disable the white circle use inside of the Featured Services element. Disabling this circle will allow you to use bigger icons inside the Featured Services element.

  • Pause on Hover - enable/disable pausing on hovering over the testimonials shortcode
  • Testimonial Pause Time - in seconds - select the pause time in seconds

Blog

Use the settings provided here to change the design and functionality of the Blog pages.

  • Posts Count - select how many posts to be displayed on blog archives
  • Post Content - select what will be displayed on archive pages - Post Excerpt or Full Content
  • Sidebar Position - select the default Sidebar Position for blog pages
  • Archives Pages Style - select the style used for Archive Pages
  • Blog Posts Navigation - enable/disable blog posts navigation
  • Related Posts - enable/disable the related posts section
  • Related Posts Count - select how many related posts to be shown
  • Social Sharing Icons - enable/disable the social sharing icons
  • Show Date - enable/disable date on archive and single post pages
  • Show View More - enable/disable the View More button on archive pages
  • Show Author - enable/disable the Author or archive and single post pages
  • Show Categories - enable/disable the Categories on archives and single post pages
  • Show Tags - enable/disable the tags on single post pages
  • Show Comments - enable/disable comments on archives, pages using the Default page template and the single post pages

Portfolio

Use the settings provided here to change the design and functionality of the Portfolio pages.

  • Portfolio Slug - allows you to change/rewrite the permalink when you use the permalink type as %postname%. Make sure to regenerate permalinks.
  • Project Details Text - change the default "Project Details" text to your own text
  • Project Description Text - change the default "Project Description" text to your own text
  • Portfolio Item Count - select how many portfolio items to be displayed on the Portfolio Page Templates
  • Portfolio Navigation - enable/disable the Portfolio navigation
  • Show Project Details - show/hide the Project Details section
  • Show Social Sharing Icons - show/hide the Social Sharing Icons section
  • Show Related Projects - show/hide the Related Projects section
  • Related Projects Count - select how many related projects to show

WooCommerce

Use the settings provided here to change the WooCommerce functionality.

  • WooCommerce Enable Sidebar - enable/disable the sidebar on WooCommerce pages
  • Woocommerce Sidebar Select - select which sidebar to be used on WooCommerce pages
  • WooCommerce Sidebar Position - select the position of the Sidebar on WooCommerce pages

Social Media

Use the settings provided here to add Social Media icons on your site.

  • Show Social Icons - enable/disable Social Icons in the Top Bar section. Also there is an option to enable/disable the Social Icons in the Footer area.
  • Rss - enter your rss link
  • Twitter - enter your Twitter profile link
  • Facebook - enter your Facebook profile page link
  • Instagram - enter your Instagram profile link
  • Google+ - enter your Google+ profile link
  • LinkedIn - enter your LinedIn profile link
  • Pinterest - enter your Pinterest profile link
  • Tumblr - enter your Tumblr profile link
  • Flickr - enter your Flickr profile link
  • Youtube - enter your Youtube page link
  • Behance - enter your Behange profile link
  • Dribbble - enter your Dribbble profile link
  • Vimeo - enter your Vimeo profile link
  • StumbleUpon - enter your StumbleUpon profile link
  • Xing - enter your Xing profile link
  • Soundcloud - enter your Soundcloud profile link

Custom Css

This section allows you to add your own custom css rule to change the default design of the Creativo theme.

Backup Options

Use this section to backup your Theme Options. You can export the settings here. This is useful if you ever need to transfer your current Theme Options to another location.

Post Options

When adding a new post or editing an existing one you can use the following settings to enhance/change the way the single post page looks and behaves.

Note All existing posts and the ones you will create, require to have at least one Featured Image

Each post you create needs to have: title, description and at least one Featured Image set

Setting up Featured Images

To set up a featured image make sure you go to the Featured Image box on the right sidebar.

  • Click on Set Featured Image link
  • Upload or select an existing image from the media library
  • Select the image and click on Set featured image button

Repeat these steps if you want to set more than one Featured Image for your post.

The number of Featured Imges can be set by going to Appearance -> Theme Options -> General Settings and use the How many Featured Images to use option

Post Sidebars

By default, each post page will use the Blog Sidebar. You can change that option for each individual post by using the Sidebar Metabox.

  • The Sidebar Metabox allows you to select a certain sidebar to use on the single post page. If no sidebar is selected, the default sidebar (Blog Sidebar) will be used.

General Options

  • Show Post Title - enable/disable the Post Title
  • Show Featured Images and Videos - choose Yes if you want the Featured Images and Videos to be shown at the beginning of the post
  • Enable Sidebar - enable/disable the Sidebar. Disabling the sidebar will transform the post into a Full Width post
  • Sidebar Position - select the positiong of the Sidebar

Video Options

  • Youtube Video Id - paste the youtube video id here, if you want to automatically add a Youtube video at the top of the post
  • Vimeo Video Id - paste the vimeo video id here, if you want to automatically add a Vimeo video at the top of the post

Custom Styling

  • Custom Background Image - this option allows you to upload / select an image for the background of the post page - this will only work for Boxed Layout
  • Enable FullScreen Background Image - this option allows you to enable/disable fullscreen background image for the post page - this will only work for Boxed Layout
  • Custom Background Color - this option allows you to select a custom background color for the post page - this will only work for Boxed Layout
  • Custom Background Repeat - specify how the background image will be displayed
  • Custom Background Position - specify how the background image will be positioned
  • Custom Background Scrolling - specify how the background image will behave when users scroll the post page

Page Options

Creating a page is very easy. With Creativo you can change the way a normal wordpress page looks and function. We have integrated some of the best features you can use.

Page Templates

You can select a page template from the Right Sidebar -> Page Attributes box.

From the template select box, please select the type of template you want to use:

  • Default template - using this page template will output a default page
  • Blog Style Big Image - using this page template will output a page containing your blog posts. The posts will automaticaly show a big image, video or a slider at the beginning of each post page. See example here: http://rockythemes.com/creativo/big-images-right-sidebar/
  • Blog Style Small Images - using this page template will output a page containing your blog posts. The posts will automaticaly show a smaller image, video or a slider at the beginning of each post page and the post content to the right. See example here: http://rockythemes.com/creativo/small-pic-right-sidebar/
  • Contact Us - using this page template will create the contact page. If you are using this template please scroll down to the Contact Options box and insert the right info.
  • Full Width - use this type of template in combination with Visual Composer to create the best looking pages. See example here: http://rockythemes.com/creativo/
  • One Page Navigation - use this type of template to create a One Page Navigation page. See example here: http://rockythemes.com/creativo-one-page/
  • Portfolio Four Column - this template will output a portfolio page displaying portfolio items in 4 columns. See example here: http://rockythemes.com/creativo/four-columns/
  • Portfolio Three Column - this template will output a portfolio page displaying portfolio items in 3 columns. See example here: http://rockythemes.com/creativo/three-columns/
  • Portfolio One Column - this template will output a portfolio page displaying portfolio items in 2 columns. See example here: http://rockythemes.com/creativo/one-column/

Sidebar

By default, the page you publish will use the Blog Sidebar. You can change that option for each individual post by using the Sidebar Metabox.

Note The Full Width, One Column Portfolio, Two Columns Portfolio, Three Columns Portfolio and Four Columns Portfolio page templates will not have any sidebars.

The Sidebar Metabox allows you to select a certain sidebar to use on a page. If no sidebar is selected, the default sidebar (Blog Sidebar) will be used.

Page Options

  • Show Page Title & Breadcrumb - enable/disable the page title - turning this option to No, will also remove the breadcrumb section.
  • Show Linkable Page Title - enable/disable the Linkable Page Title on a page that uses the Default Page template
  • Show All Featured Images - show/hide the Featured Images on the top of a page that uses the Default Page template
  • Enable Sidebar - enable/disable the sidebar
  • Sidebar Position - select the sidebar position

Header Options

  • Enable Top Bar - enable/disable the Top Bar for the current page
  • Enable Transparent header - enable/disable Transparent header for the current page. When using this option the Header area will be integrated into the actual content of your page.
  • Custom Logo - beta development of this option. Not ready to be used.
  • Transparent Header Menu Color - allows you to select a custom color for the Main Items of the Header Menu.

Custom Styling

  • Custom Background Image - this option allows you to upload / select an image for the background of the page - this will only work for Boxed Layout
  • Enable FullScreen Background Image - this option allows you to enable/disable fullscreen background image for the page - this will only work for Boxed Layout
  • Custom Background Color - this option allows you to select a custom background color for the page - this will only work for Boxed Layout
  • Custom Background Repeat - specify how the background image will be displayed
  • Custom Background Position - specify how the background image will be positioned
  • Custom Background Scrolling - specify how the background image will behave when users scroll the post page

Contact Us

  • Email Address - paste here the email address that will be used for the contact form
  • Google Maps Address - paste here the actual address that will be used to generate a google map. E.g: 200 Brooklyn Street, New York, USA
  • Zoom Level - select the zoom level for the google map

Portfolio Options

To create a new portfolio item you need to go to Portfolio -> Add New. Adding a new portfolio item is as easy as publishing a blog post.

You can add categories for your portfolio items and just like blogpost items you will need to setup at least one Featured Image. Adding more Featured Images will automatically create sliders with the selected featured image.

General Options

  • Width (Content Columns) - select the width of the Portfolio. Full Width will make the Featured Images be as big as the site layout. Half Width will use a smaller area to display the Featured Images, with the description aligned to the right of the Featured Images.
  • Show Page Title - enable/disable the Portfolio title
  • Custom Link - paste here a custom link if you want your portfolio items to not link to the actual portfolio page. Remember to include the http:// protocol as well.
  • Custom Link Opens in - select how the custom link will open: same window or a blank window.

Portfolio Details

  • Client name - enter a client name for the current portfolio item or leave blank
  • Project skills - enter the skills used for creating the current project or leave blank
  • Website text - enter the name of website your project was part of or leave blank.
  • Website URL - enter the url of the website where your project can be seen in action or leave blank.

Video Options

  • Youtube Video Id - paste the youtube video id here, if you want to automatically add a Youtube video at the top of the portfolio post
  • Vimeo Video Id - paste the vimeo video id here, if you want to automatically add a Vimeo video at the top of the portfolio post

Custom Styling

  • Custom Background Image - this option allows you to upload / select an image for the background of the portfolio post page - this will only work for Boxed Layout
  • Enable FullScreen Background Image - this option allows you to enable/disable fullscreen background image for the portfolio post page - this will only work for Boxed Layout
  • Custom Background Color - this option allows you to select a custom background color for the portfolio post page - this will only work for Boxed Layout
  • Custom Background Repeat - specify how the background image will be displayed
  • Custom Background Position - specify how the background image will be positioned
  • Custom Background Scrolling - specify how the background image will behave when users scroll the portfolio post page

Visual Composer in Creativo

Creativo is packing the best Drag and Dro[ page builder plugin ever created: Visual Composer.

After installing the Creativo theme you will be promted to install Visual Composer. After the installation is done you can take full control over your WordPress site with Frontend and Backend editors. Build any layout you can imagine with drag and drop page builder plugin – no programming knowledge required.

Build your content on the go with new WordPress frontend page builder option. No more admin panel needed to create stunning and beautiful content blocks. Visual Composer introduces new game changer in the world of WordPress plugins. Experience the true "What You See Is What You Get" and forget about "blind design".

Integrated Elements

Each element will help you design the pages you always wanted

Since version 5.3.1, the following elements have beend added:

  • Separator 2
  • Counter
  • Owl Carousel
  • Image Carousel
  • Button 2
  • Empty Space
  • Custom Heading
  • Posts Grid 2
  • Portfolio Flat
  • Team Member
  • Clients
  • Tesimonials
  • Media Grid
  • Post Masonry Grid
  • Masonry Media Grid
  • Icon

Shortcodes

These are text shortcodes and will help you improve the content of your site.

Make sure you have the Toolbar Toggle enabled as seen in the picture below.

Available shortcodes are:

  • Divider
  • Dropcap
  • Highlight
  • Checklist
  • Custom Blockquote

Divider Shortcode

Shortcode syntax:

[divider style="e.g. blank, dotted, solid, double" padding_top="0" padding_bottom="0"][/divider]
  • style - choose the style of the separator. Possible styles are: blank, dotted, solid and double
  • padding_top - allows you to add a padding top to the divider element. Must use integer value.
  • padding_bottom - allows you to add a padding bottom to the divider element. Must use integer value.

Dropcap Shortcode

Shortcode syntax:

[dropcap color="e.g. green, yellow, purple, blue, red, black, grey" background="e.g. green, yellow, purple, blue, red, grey, black" style="rectangle, rounded, circle" size="e.g. small, big"]...[/dropcap]
  • color - choose the color of the dropcap
  • background - choose the background color of the dropcap. Delete it if you want to use the default value. Available styles are: green, red, blue, yellow, purple, black, grey
  • style - choose the style of the dropcap background. Works only if a background color has been set. Available styles are: green, red, blue, yellow, purple, black, grey
  • size - choose the size of the dropcap

Highlight Shortcode

Shortcode syntax:

[highlight style="eg. green, yellow, purple, blue, red, black, grey"]...[/highlight]
  • style - choose the color of the highlight. Available styles are: green, red, blue, yellow, purple, black, grey.

Checklist Shortcode

Shortcode syntax:

[checklist style="eg. green, yellow, purple, blue, red, black, grey"]
                                	
  • My First Item
  • My Second Item
  • My Third Item
[/checklist]
  • style - choose the style of the checklist. Avaiable styles are: green, red, blue, purple, yellow, grey, black

Testimonial Shortcode

This shortcode has been deprecated. You can create testimonials by going to your wordpress admin dashboard -> Testimonials -> Add New. Next you can add them to your pages by using the Testimonials element of Visual Composer.

Blockquote Shortcode

Shortcode syntax:

[custom_blockquote style="eg. green, yellow, purple, blue, red, black, grey"] Donec eget dignissim augue. Donec ante felis, aliquam ut consequat eget, lobortis dapibus risus.[/custom_blockquote]
  • style - choose the style of the blockquote. Available styles are: green, red, blue, yellow, purple, black, grey

Custom Widgets

Creativo Theme has the following custom widgets integrated:

  • Contact Us - with this widget you can add your contact info
  • Creativo Flickr - with this widget you can add Flickr images to your sidebar
  • Creativo Twitter Feed - with this widget you can add your latest tweets to your sidebar
  • Custom Recent Portfolio - with this widget you can add the most recent portfolio items as thumbnails to your sidebar
  • Custom Recent Posts - with this widget you can add the most recent posts (with thumbnails) to your sidebar
  • Custom Vimeo Video - with this widget you can add a vimeo video to your sidebar
  • Custom Youtube Video - with this widget you can add a youtube video to your sidebar
  • Popular / Recent Posts tab - with this widget you can add the most popular posts and recent posts to your sidebar, displayed in a tabbed widget
  • Social Links - with this widget you can add social networks profiles to your sidebar

To use these widgest you must go to Appearance -> Widgets and add the widgets you want to the Sidebars you are currently using.

Theme Translation

The translation file is located in languages folder (/wp-content/themes/Creativo/languages). Edit the .po file using POEdit, use the translation field to make replacements.

From the file menu, save file with your language name e.g de_DE.po. It will generate both a .po and .mo file for your translation.

Next edit wp-config.php located in the root folder of wordpress and define the WPLANG prefix with your language name which should be similar to the translation file name.

If you want to learn more about how to translat WordPress into your language please visit: http://codex.wordpress.org/Translating_WordPress

Creativo Changelog

29.05.2015 - ver 5.5

  • Visual Composer updated to version 4.5.2
  • JS minification - all major js files are now integrated into one file
  • CSS minification - all major css files are now integrated into one file
  • Removed deprecated css files
  • Breadcrumb NavXT plugin removed. Internal breadcrumb function created.
  • WooCommerce quantity increment fixed - external plugin removed.
  • Fixed OWL Carousel links for Image issue
  • Fixed Custom Menu disappearing on theme update
  • Added Header Menu Border Color Option
  • Fixed elements that were not updating color based on Theme Options selection
  • Cleaned header for deprecated js scripts
  • Fixed Buttons - now displaying correct style for Apple Devices
  • Improved Page Title option for page, posts and portfolio
  • Fixed theme errors when Visual Composer is disabled
  • Multiple Sidebar error notice fix
  • One Column Portfolio hover color fixed
  • Added Typography section under Theme Options
  • Added Custom Font upload option
  • Google Fonts can now be previewed upon selection
  • Added option for Google Character Sets - this will reduce page load time
  • Added option for Google Fonts Weight - this will reduce page load time
  • Added Headings font size options - H1, H2, H3, H4, H5 and H6
  • Google Fonts rendering in front end improved - reducing page load time
  • Theme Options will now be minified upon rendering - improving page load time

06.05.2015 - ver 5.4

  • Updated Visual Composer to version 4.5.1
  • Updated WooCommerce Template Files
  • Portfolio Page Templates can now choose the style to use: Flat or 3D
  • Fixed URL for buttons inside Visual Composer
  • Added Header Search functionality and design
  • Revolution Slider plugin updated to 4.5.9.2
  • Counter description color fix

06.04.2015 - ver 5.3.2

  • Fixed Home Page issue after Import Templates process
  • Fixed Default Page with text being chopped when VC active

02.04.2015 - ver 5.3.1

  • Fixed Accordion Element Css
  • Added One Click Demo Data Install functionality


30.03.2015 - ver 5.3

  • Fixed Menu Indicator option
  • Added option to keep old Margin and Padding of the Row Element from older versions
  • Updated Fontawesome to latest version
  • TGM Plugin fix for plugins that require updates


23.03.2015 - ver 5.2 - important update

  • Updated Visual Composer to version 4.4.3
  • Product feature can now accept Font Icons
  • Product Feature now has multiple styling option
  • Added MegaMenu for Creativo
  • Added MegaMenu styling option
  • Added HTML5 video option
  • Added Parallax Background option for Row elements
  • Added Testimonial carousel and testimonial post type
  • Added Clients carousel and clients post type
  • Added Owl Carousel element for Visual Composer
  • Added Counter element for Visual Composer
  • Added Team Member element for Visual Composer
  • Added Page animation option
  • Added Transparent Header option
  • Added option to disable Top Bar for individual pages/posts/portfolio items
  • Added Flat Portfolio element for Visual Composer
  • Added Separator2 element for Visual Composer


19.03.2015 - ver 5.1.1

  • Updated WooCommerce templates
  • Fixed JetPack issue when Extra Sidebar Widgets module is active


12.02.2015ver 5.0.13

  • Portfolio element and Portfolio Page Template now rendering correctly on Extra Wide Layout
  • Added Permanent footer featurewhen no content on page, the footer will always be positioned at the bottom
  • Added more social media optionsStumbleUpon, Vimeo, SoundCloud and Xing
  • Default page template can now disable Sidebar and become will width
  • Added option to change the default Portfolio slug in Theme Options -> Portfolio
  • Pie Chart element fixed
  • WooCommerce functionality updated to 2.3
  • WooCommerce Product Quantity Fixed

16.12.2014 - ver 5.0.12

  • updated Revolution Slider to version 4.6.5

25.11.2014 - ver 5.0.11

  • Fixed Featured Services view more link

07.11.2014 - ver 5.0.10

  • Fixed button color on Portfolio One Page
  • Added title over WooCommerce Pages
  • Fixed sidebar not appearing on WooCommerce Category pages

06.11.2014 - ver 5.0.9

  • Fixed buttons having same color issue
  • Fixed multiple thumbnails on WooCommerce single page

05.11.2014 - ver 5.0.8

  • Fixed Prev/Next text
  • Fixed Call to Action on WooCommerce Shop pages
  • Fixed Color Scheme change in Adminselecting the proper color now updates all settings in Theme Options
  • Added WooCommerce Settings in Theme Options Area
  • WooCommerce Enable/Disable Sidebar
  • WooCommerce Sidebar Select
  • WooCommerce Sidebar Position
  • WooCommerce Shoping pages completly redesignedshop page, single product page, my account page, cart page, woocommerce sidebars, checkout page, thank you page, view orders page, change address page, etc
    created responsive woocoomerce shop

28.10.2014 - ver 5.0.7

  • fixed link on Product Feature

27.10.2014 - ver 5.0.6

  • added small border for responsinve menu
  • fixed flexslider testimonial padding and list style

17.10.2014 - ver 5.0.6

  • fixed prev/next navigatio on single post and single portfolio post
  • fixed responsiveness off issue
  • fixed sidebar title headingsnow renders correct font family selected in theme options
  • single post share icons fixed
  • responsive menu now hides on screen resizeeven if you have it open

16.10.2014 - ver 5.0.5

  • fixed responsiveness not rendering on Small Screen Devices

15.10.2014 - ver 5.0.4

  • fixed responsive menu issue
  • 14.10.2014 - ver 5.0.3
  • header menu fixedfor modern style
  • header menu responsiveness improvednew style
  • breadcrumb section now appears below title
  • search box now appears to the right of the breadcrumb and title
  • changed button design
  • changed call to action design
  • changed progress bar design
  • changed testimonialsnow you can navigate left/right inside testimonials
  • changed accordion and toggles
  • changed tournow working correctly in responsive mode
  • changed Single Portfolio design
  • changed One Column Portfolio design
  • fixed Custom Sidebar designsplit line was removed

06.10.2014 - ver 5.0.2

  • fixed menu loading the correct google font selection
  • added option for New Menu vs Old Menu selectionallows you to switch to the Creativo 4.0 menu design
  • added option for background menushould be used with Old Menu version
  • fixed social icons still using old background images from version 4.0
  • fixed Modern style issuessticky header now working correctly
  • fixed responsive menu when Modern style is used
  • fixed Html code not rendering when using Modern style is used

01.10.2014 - ver 5.0 MAJOR UPDATE

  • Social Icons are now using Fontello iconsfont generated icons
  • contact info on top bar changed to use Fontello icons
  • Menu changed completelybetter design and functionality
  • Added Sticky Header Feature for Header Area
  • Header area now has shadow effect
  • Responsive menu improved
  • Row element can now have background images
  • Row element can now have borders
  • Improved overall responsiveness
  • Created a new Front page slideravailable for import under LayerSlider WP
  • Changed Twitter Widgetnow using Fontello Icons for better design
  • Changed Contact Us Widgetnow using Fontello Icons
  • Changed Social Icons widgetnow using Fontello Icons
  • Changed blockquote element
  • Changed Popular / Recent posts widget
  • Added new VC element: Product Feature
  • Separator element can now add padding top and padding bottom to create more space
  • Separator element added Blank optiongenerate a blank separator
  • Featured Services can now have View More link
  • Changed Buttons design
  • Added Button design for default style under Theme Options -> VC Elements -> Button default
  • changed Posts Grid elementadded date icon, changed component alignment and improved Hover effect
  • Changed 3D Portfolio elementtitle and categories are now listed below portfolio image. Also improved Hover effect
  • Changed Testimonials element
  • Toggle element changed design
  • Accordion element changed design
  • Tabs element changed design
  • Tour element changed design
  • Call to Action element redesigned
  • Footer area redesigned
  • Fixed default Unordered Bullet List and Ordered Lists: UL and OL
  • Changed and Improved Blog Post page templates
  • Changed and Improved Single Blog Post page
  • Changed Commenting Area on Blog posts
  • Changed Share Article area on Single Blog posts
  • Blog post images hover effect no longer using static imagesswitched to CSS instead
  • Added fix for page/post imagesnow your content images are fully responsive on mobile devices
  • Added Padding Top and Padding Bottom for Logo on Theme Options -> Logo
  • Added Font Family selection of Sidebar Headings under Theme Options -> Basic Design
  • Added Sidebar Heading Font Size option under Theme Options -> Basic Design
  • Changed Link coloryou now have Link Color on Hover option to use under Theme Options -> Basic Design
  • Added option Social Icons Coloryou can now set the actual color for all the Social Icons under Theme Options -> Top Bar
  • Changed Call to Action button style options under Theme Options -> Call to Action


04.09.2014 - ver 4.0.12.11

  • Updated Revolution Slider plugin to version: 4.6
  • Updated LayerSlider plugin to version 5.2.1
  • Updated Breadcrbum NavXT plugin
  • Fixed Portfolio Custom Linkself opening link now open links in same window
  • Updated Google Font Listadded 130 Google Fonts to choose from


14.08.2014 - ver 4.0.12.10

  • Added Custom Link option for Portfolio ItemsPortfolio items can now link to custom pages or the default Portfolio pages.
  • Added Instagram Social Media Option
  • Added translation to Social Items on Top Bar
  • Added Background Color Option
  • Added Inner Background Color Option
  • Fixed 3D Portfolio elementOne Column showing the correct button css
  • Updated LayerSlider to version 5.1.2
  • Fixed Sub menu items Background Color and Text color on Hover sage


1.07.2014 - ver 4.0.12.9

  • Fixed Flickr Widget not working
  • Google Analytics moved to Header
  • Changed Shortcodes tab to VC elements in Theme Options
  • Added Font size option for Box Title element
  • Added Position option for Box Title element
  • Fixed Call to Action box on Default page template


27.06.2014 - ver 4.0.12.8

  • Added option to change SubMenu items background color
  • Added option to change SubMenu items text color
  • Added option to change SubMenu items text color on hover
  • Added Tagline Optionenable/disableworks only for Text Logo
  • Added Tagline Font Size option
  • Added Tagline Color option
  • Updated Revolution Slider to version 4.5.6
  • Updated Breadcrumb NavXT to latest version
  • Added Call to Action Text color option on both default and hover state
  • Added option to enable/disable uppercase text in Header Menu
  • Added option to enable/disable SubMenus indicatorthe + sign
  • Added Date to archive pages, not just single post pages
  • Added option to select what post archives will show: full post content or post excerpt


18.06.2014 - ver 4.0.12.6

  • Updated Revolution Slider to version 4.5.4


12.06.2014 - ver 4.0.12.6

  • Updated Revolution Slider to version 4.5.2


11.05.2014 - ver 4.0.12.6

  • Fixed scroll entire page to right when using Flexslider
  • Call to Action section disabled by default
  • Fixed View More button for One Column Portfolio page template
  • Increased Portfolio Item Count max value from 30 to 100you can now show all your portfolio items on one page
  • Added option to change Project Details Text in Theme Options
  • Added option to change Project Description Text in Theme Options
  • Updated Revolution Slider to version 4.3.8


23.04.2014 - ver 4.0.12.5

  • Fixed title issuesConvert to new version error is now fixedthank you Sian for reporting that issue.
  • Updated Revolution Slider to version 4.3.6


18.04.2014 - ver 4.0.12.4

  • Fixed multiple Text Blocks Issue on same page


17.04.2014 - ver 4.0.12.3

  • Fixed White screen when adding/editing a Text Block element
  • Fixed Pinterest icon not showing up on Header
  • Added option for Single Image element to open in new window/same window
  • Social Media Profiles on Widget will open in a new window


21.03.2014 - ver 4.0.12

  • Added Text Logoif no logo image is used, text logo will be displayedSite Name
  • Added Text Logo Optionsyou can set the color of the Text Logo
  • Added Responsiveness Optionyou can now turn on/off responsiveness
  • Fixed Colors -> Footer Widget Link Color fieldnow it updates based on the Predefined Color Scheme selection/
  • Added Top Bar Optionenable/disable top barwill automatically add a bar above the header
  • Added option to customize Top Barbackground, border, elements opacity
  • Added option to add email and phone to Top Bar
  • Added option to customize the Phone and Email on Top Bartext color, link color, separator color
  • Added option for iconsyou can select between light/dark scheme for the icons
  • Added Tap to Call buttonwill be displayed only for mobile devices
  • Added Social Media Icons on Top Bar
  • Changed Social Media Iconsheader / footer display
  • Added Pinterest Iconwith profile link
  • Added Flickr Iconwith profile link
  • Added Behance Iconwith profile link
  • Added Dribble Iconwith profile link
  • 11 Major Social Media profiles links can now be displayed
  • Added Header Style optionsyou can now choose between 2 stylesfor the second style, the menu will be placed below the header
  • Added Header HTML Codeonly works for Modern Header stylecan be useful for displaying banners in the header area
  • Added Back to Top button
  • Added Call to Action barallows you to display a Call to Action bar on all your pages
  • Added placement option for Call to Action barabove or below the widgets area
  • Updated training videos with narrated training videos
  • Updated Layer Slider to version 5.1.1please backup your curent LayerSlider WP sliders and then delete the plugin from PLugins page. The theme will automatically ask you to install the latest version.
  • Updated Revolution Slider to version 4.3.1please backup your curent Revolution sliders and then delete the plugin from PLugins page. The theme will automatically ask you to install the latest version.


05.03.2014 - ver 4.0.11

  • Fixed search on WooCommerce
  • Added Force Logo Resize option
  • Added option to upload custom background for header
  • Added option to change the headerto center all elements inside
  • Added option for Menu background color
  • Current pages are now highlated in Menu, if active
  • Added option to change the Font Size for Menu
  • Added option to change/choose the Font Family for Menu
  • Contact Map is now full widthfor Contact Us template
  • Added option for Featured Service shortcode, to hide the White Circle
  • Added option to select a custom image for the Footer Copyright
  • Added option to change the text color of the Footer Copyright
  • Added option to change the link color of the Footer Copyright
  • Updated Training videosnarrated Videos are now available
  • Fixed extra padding issue on row settings


03.02.2014 - ver 4.0.10.9

  • Fixed archive and index files
  • Fixed Feature services linkwhen set to open in new window now works
  • Fixed Facebook sharer buttonno longer displays blank page
  • Optimized Image Sizes
  • Updated Premium Plugins
  • Added Youtube icon and option to Social Icons Widgets
  • Autoplay issue fixedwhen using Youtube and Featured Images, the image no longer takes control over Video


21.01.2014 - ver 4.0.10.8

  • updated Breadcrumb nav-xt plugin
  • added archive-product template for woocommerce attribute pages


15.01.2014 - ver. 4.0.10.8

  • Fixed Testimonials issue
  • Fixed Related portfolio items
  • Fixed translation issue on Single Portfolio postsProject Description


30.12.2013 - ver. 4.0.10.8

  • Fixed Translation issues!


23.12.2013 - ver. 4.0.10.7

  • Updated Visual Composer to version 3.7.3
  • Updated Revolution Slider to version 4.1.1
  • Updated Layer Slider to version 4.6.6
  • Fixed Portfolio issueif portfolio page is set as front page, pagination now works
  • Fixed tags, now displaying count on blog pagesarchives.

Credits

  • jQuery - http://jquery.com/
  • Pretty Photo Lightbox - http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/
  • FlexSlider2 - http://flexslider.woothemes.com
  • Layer Slider - http://codecanyon.net/item/layerslider-wp-the-wordpress-parallax-slider/1362246
  • Slider Revolution - http://codecanyon.net/item/slider-revolution-responsive-wordpress-plugin/2751380
  • WordPress Live Chat Plugin for Sales and Support - http://codecanyon.net/item/wordpress-live-chat-plugin-for-sales-and-support/3952877
  • Visual Composer - http://codecanyon.net/item/visual-composer-for-wordpress/242431