Cream

By Inspiry Themes

Introduction

This documentation is last updated on 24th November 2018.

Thank you for purchasing Cream WordPress Theme . If you have any question that is beyond the scope of this documentation, Feel free to ask for help at our our support website.

Disclaimer:
We offer limited support for our themes. We only provide support for our themes and their core features. We cannot guarantee that our themes will work properly with all third party plugins and server environments. If you plan on adding numerous plugins to this theme then please note, We cannot facilitate support for any conflicts that might arise with this theme's default functionality. The Cream WordPress theme is presented as it is.


Themeforest Item Purchase Code to Sign-up on Support Site

Please visit this knowledge base article to learn about how to get item purchase code from themeforest to signup on our support site.


Updating WordPress Theme

If this is a theme update and you want to apply it on your existing installation then please visit this knowledge base article to learn about a better way to update your theme


If you like this theme, Please support us by rating this theme with 5 stars (How to rate?)      

Install Theme

In start you must have a working version of WordPress already installed. For information in regard to installing the WordPress CMS, please see the WordPress Codex Installing WordPress

Once you have a working of version of WordPress, you need to download All Files and Documentation from themeforest and extract the downloaded zip to get various files including cream-theme.zip.

Install Theme Via WordPress Dashboard

  1. Go to 'Appearance > Themes' section
  2. Click 'Add New' and select the 'Upload Theme' option
  3. Choose the cream-theme.zip file and press 'Install Now'
  4. Once the theme is uploaded you need to activate it.


if you face any problem during upload through dashboard, please upload the theme using FTP as guided below.

Install Theme Via FTP

  1. Access your hosting server using an ftp client like FileZilla
  2. Go to the 'wp-content/themes' folder of your WordPress installation
  3. Extract the cream-theme.zip file and put the cream-theme folder in 'wp-content/themes/' folder
  4. Go to 'WordPress Dashboard > Appearance > Themes' section to activate the theme

Install Child Theme

It is better to use child theme as if you need to modify anything you modify in child theme only. This way you can easily update your parent theme whenever new update becomes available on themeforest. You can read more about child theme from here.

To install child theme, you need to upload the cream-child.zip and activate it in the same way as you uploaded and activated the parent theme's cream-theme.zip.

Install Required Plugins

After you have installed and activated the theme, there'll be a list of required and recommended plugins at the top of the WordPress dashboard.



If you already hided it, you can go to 'Appearance > Install Plugins' section instead.

So, you need to install and activate these plugins as demonstrated below.
  1. Install WooCommerce - excelling eCommerce plugin if you want to provide eCommerce Shopping on your site

Meta Box and Redux Framework plugins are mandatory. So, you must need to install and activate these two plugins.



After activation you can go to dashboard but you might encounter a page similar to this one and you can ignore it as we are going to auto import demo contents. But, If you have previous experience with WooCommerce and you know what you are doing then you can follow this wizard.

Next Step: Import Demo Contents

Import Demo Contents

You can follow one of these choices.

  1. One Click Demo Import ( Automatic & Recommended )
  2. Import XML Contents and Configure the Theme Manually

One Click Demo Import ( Automatic & Recommended )

Step 1

Go to Settings > Permalinks and choose Post name from Common Settings and save the changes, As displayed in the screen shot below.



If, WooCommerce is installed then you can configure it's permalinks based on your choice.




Step 2

Go to WordPress Admin > Appearance and look for Import Demo Data in theme options tabs.



Click the Import Demo Data button and Wait for few minutes as the demo images are being fetched from remote server and this process can take few minutes.


Step 3

Once the import process is complete, You will see a screen like the one below. Visit your site and you will find your site working like the theme demo.



Note: The number of imported contents are smaller than real demo to make the import process reasonably fast. Otherwise it can be a problem for most users to import demo data.

Import Demo Contents and Theme Options Manually

Import Demo Contents

Look for Import XML folder in unzipped package downloaded from themeforest and use the XML within it.

Go to the WordPress Admin > Tools > Import and click WordPress as displayed in image below.



At 1st time you need to install WordPress importer plugin



Once installed you need to activate the plugin and run the importer.



Select the XML file from Import XML folder in unzipped package that you have downloaded from themeforest.



After importing XML file.

  1. Assign posts to an existing author.
  2. Mark the checkbox to download and import file attachments
  3. Click 'Submit' button


After that is done, you will have bunch of posts, pages, properties and other contents as on the theme demo.



Import Theme Options

There are two ways to import demo theme options.

1st Way - Import from File

  1. Go to WordPress Admin > Theme Options > Import/Export
  2. Click 'Import from file' button, It will display an import text box.
  3. Look for file named "demo-theme-options-for-import.json" into Import Theme Options folder in unzipped package downloaded from themeforest
  4. Open the file in a text editor and copy all its contents.
  5. Paste all those contents into import text box as displayed below.


  6. Press 'Import' button
  7. Press 'Save Changes' button once the theme options are imported.

2nd Way - Import from URL

  1. Go to WordPress Admin > Theme Options > Import/Export
  2. Click 'Import from URL' button
  3. Copy this import URL and paste it into the URL field http://cream-min.inspirythemes.biz/wp-admin/admin-ajax.php?action=redux_download_options-redux_demo&secret=beb5ef97485487995f3d8e84bfd7287e


  4. Press 'Import' button
  5. Press 'Save Changes' button once the theme options are imported.

Setup WooCommerce

This documentation section covers only few points and for better details on WooCommerce settings you can consult these tutorials.

1. WooCommerce Pages

Go to WooCommerce > Settings if "Welcome to WooCommerce" dialog is appearing then click on "Skip Setup" button as the theme demo contents that we imported, already include the pages that will be created by pressing Install WooCommerce Pages button





2. Shop Page

Now, Go to WooCommerce > Settings > Products and select the Product Archive / Shop Page as displayed in the screen shot below.



Shop page is available due to the imported demo contents. If you do not have this page then you need to create new page with same name using "Default Template"

Save the Changes after selecting the page.

3. Image Sizes

This theme uses image sizes other than WooCommerce normal sizes.
So, Go to WooCommerce > Settings > Products and change sizes to these:



Save the Changes.

3.1 Regenerate Image Thumbnails

After image sizes are set, you will need to resize all existing images. You can do this automatically with the plugin: "Regenerate Thumbnails"

  1. Go to Tools > Regen. Thumbnails



  2. Click Regenerate All Thumbnails

You'll need to install "Regenerate Thumbnails" plugin if you cannot find it under Tools.

4. Checkout Pages

Now, Go to WooCommerce > Settings > Checkout and select the Cart Page and Checkout Page as displayed in the screen shot below.



Cart and Checkout pages are available due to the imported demo contents. If you do not have these pages then you need to create new pages with these names using "Checkout Template"



Save the Changes after selecting pages.

5. My Account Page

To setup My Account Page, Go to WooCommerce > Settings > Accounts and select the My Account page as displayed in the screen shot below.



My Account page is available due to the imported demo contents. If you do not have this page then you need to create new page with same name using "Default Template"

Save the Changes after selecting page.

Configure Menus

In case of successful demo contents import using auto import feature, Your menus are already configured and you have to just modify them to fulfill your needs.

Navigate to Appearance > Menus and use the Already Imported Menus from XML and assign those to theme locations

Footer Menu

Select "Footer Menu" and look for the Menu Settings section below menu items. Now assign the selected menu to Footer Menu in Theme Locations. After that save the menu. As pointed in screenshot below.



Header Menu

Select "Main Menu" and look for the Menu Settings section below menu items. Now assign the selected menu to Main Menu in Theme Locations. After that save the menu. As pointed in screenshot below.



Configure Reading Settings

In case of successful demo contents import using auto import feature, Your reading settings are already configured.

I am assuming that you have imported the XML successfully and you have Home page and Blog page available for use. If this is not the case then simply create a new page using Homepage Template and name it as Home after that create another page using default template and name it as Blog.

To configure reading settings you need to visit WordPress Admin > Settings > Reading and choose that front page displays as static page. Then select Home as Front Page and Blog as Posts Page and save the settings. As, displayed in screen shot below.



Home - Prerequisite

In case of imported XML the home page is already created and you do not need to follow this section. Otherwise you need to create a new home page.

To create new Home page you need to create a new page,

Go to Pages > Add New. You can give this page a title "Home" yet you do not need to include any contents for now.

Select the “Homepage Template” as template from the Page Attributes section, as displayed in screen shot below and click “Publish”.



After that consult Basic Setup > Configure Read Settings in this documentation and configure it as Front Page.

Set Up Default Slider

To set up default slider visit WordPress Admin > Theme Options > Home and configure the related settings as pointed in screen shot below.



After that you can start adding slides one by one as displayed in screen shot below.
Once you are done adding slides, save the theme options and visit the homepage to view the resulted slider.

Cream Theme demo slider images are already imported with XML. So if you want, you can simply select those from Media Library to quickly test the theme in start.



Set Up Revolution Slider

To set up revolution slider you need to install revolution slider plugin that comes as part of the theme package and its files exits in Plugins/revolution-slider/ folder in the unzipped package.

  1. Go to Plugins > Add New > Upload



  2. Select the revslider.zip file from Plugins/revolution-slider/ folder and press Install Now



  3. Activate Revolution Slider plugin after the install.



  4. Now, Go to Revolution Slider and click on import slider.



  5. Upload cream-rev-slider.zip from Plugins/revolution-slider/cream folder and press Import Slider



  6. Once done copy the alias cream-rev-slider and paste it in related theme options.









  7. Save the changes in theme options and visit home page to view revolution slider.

Question: Can I use the theme purchase code to activate slider revolution ?

Answer: Theme purchase code cannot be used for slider revolution activation and slider revolution author do not allow the theme authors like me to provide the extended license purchase code for plugin as part of the theme download package.

So, if you need to update slider revolution automatically OR you need to get some support related to slider revolution then you have to purchase it separately.

I will always try to provide the latest version of slider revolution plugin with a theme update. So, I do not recommend you to purchase it separately.

Thanks.

Home - Layout Manager

You can hide/show and change the order of various homepage sections by drag and drop from Layout Manager in theme options.

Go to WordPress Admin > Theme Options > Home and look for Layout Manager near the end of Home page theme options.



Home - Features

Cream theme comes with two design variations for features section.



Choose the one that you like and move on with adding related features as displayed below.



Images related to features displayed on theme demo are imported with demo contents. You can find those in media library and use them for quick setup in start.



You can show or hide the curved area above features variation one and you can also increase its height from related controls in theme options.



Home - Services

Go to WordPress Admin > Theme Options > Home > Home - Services to add services for homepage.



Images related to services displayed on theme demo are imported with demo contents. You can find those in media library and use them for quick setup in start.

You can add a service easily, as demonstrated in image below.



Setup Blog Page

In case of imported XML the Blog page is already created and you do not need to create a new Blog page.

To create new Blog page you need to create a new page,

Go to Pages > Add New. You can give this page a title "Blog" yet you do not need to include any contents.

Select the “Default Template” as template from the Page Attributes section, as displayed in screen shot below and click “Publish”.



After that consult Basic Setup > Configure Read Settings in this documentation to configure it as Posts Page.

Add Portfolio Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Provide some text contents if you want to



  3. Select the appropriate page template for portfolio.

    There are 3 templates for portfolio page.
    1. 2 Columns Portfolio
    2. 3 Columns Portfolio
    3. 4 Columns Portfolio




  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add FAQs Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Provide some text contents if you want to



  3. Select the "FAQs Template" for FAQs page.



  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add Full Width Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Provide some text contents if you want to



  3. Select the "Full Width Template" for this page.



  4. Publish the page once it is ready.
  5. After publishing you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add Contact Page

Go to WordPress Admin > Pages > Add New
  1. Provide the page title



  2. Select Contact Template from page attributes > template.



  3. Publish the page once it is ready.
  4. To configure the contact form, contact details and Google map go to WordPress Admin > Theme Options > Contact

    The contact form will not work unless you provide contact email address in related theme options.

  5. After publishing and configuring related theme options, you need to add the newly created page in menu from WordPress Admin > Appearance > Menus

Add News Post

Go to WordPress Admin > Posts > Add New
  1. Provide the post title
  2. Select the related post format



    Post Formats and Related Meta Boxes:
    This theme supports various post formats. So, when you select a post format look out for related meta boxes that will appear after your selection. You need to fill out those meta boxes with related information, so that your post can appear in best possible design.

  3. Enter the post contents if any and add MORE tag after few lines



  4. Provide the featured image. The image should have minimum width of 770px. Its height is flexible so you can upload the image of any height.



  5. Publish the post once it is ready.

Add Testimonial

Go to WordPress Admin > Testimonials > Add New
  1. Provide the testimonial author name



  2. Provide the featured image. The image should have minimum width of 150px and minimum height of 150px



  3. Provide the testimonial related information in Testimonial meta box



  4. Publish the testimonial once it is ready.

Add FAQ

Go to WordPress Admin > FAQs > Add New
  1. Provide the question text in title field



  2. Select or add a new FAQ Group.



  3. Provide the Answer text as contents.



  4. Publish the FAQ once it is ready.

Add Portfolio Item

Go to WordPress Admin > Portfolio > Add New
  1. Provide the portfolio item name



  2. Upload the portfolio images in Portfolio Settings meta box. An image should have minimum width of 1170px and minimum height of 700px



  3. Provide the featured image. It is better to choose the one image from already uploaded gallery images. The image should have minimum width of 1170px and minimum height of 700px



  4. Select or Add a new Portfolio Item Type



  5. Enter the text contents about portfolio item if you want to.



  6. Publish the portfolio item once it is ready.

How to change banner settings

There are various options provided in this theme to change banner settings.

  1. You can change the banner image for overall site from Theme Options > Header.
    Related fields is marked in screen shot below.



  2. To overwrite the banner settings for a specific page you can use the Banner and Title Settings meta box provided below the page editor.



  3. To overwrite the banner settings for a specific blog post you can use the Banner Settings meta box provided below the post editor.



How to Enable or Disable Animation

You can enable or disable CSS3 animation from Theme Options as displayed in screen shot below.



Shortcodes

1st List Style

Shortcode Example

Output Example



2nd List Style

Shortcode Example

Output Example


Buttons

Shortcode Example

Output Example


Messages

Shortcode Example

Output Example



Tabs

Shortcode Example

Output Example



Accordions

Shortcode Example

Output Example



Toggles

Shortcode Example

Output Example



Columns

2 Columns Shortcode Example

3 Columns Shortcode Example



4 Columns Shortcode Example

6 Columns Shortcode Example



Mix Columns Shortcode Example


Translating The Theme

This theme is translation ready and also supports RTL languages.
  1. For translation to only one language please visit This Knowledge Base Article
  2. For translation to multiple languages this theme is compatible WPML Plugin and you can use that to build a multi language site.

How to Modify Styles

There are various options available to modify styles in this theme.
  1. Theme Options - Go to 'Theme Options > Styling' for various styling options.



  2. Quick CSS - Go to 'Theme Options > Styling > Quick CSS' to write some short css.



  3. Child Theme - It is recommended to use child theme's style.css file for major css changes.
  4. Custom CSS in Parent Theme - if you are not using child theme then 'css/custom.css' file is provided in parent theme to add major css changes.



How to Modify Theme Options

This theme uses redux framework for theme options and related file reside in 'theme-options > theme-options-config.php'



If you want to modify theme options from child theme then you need to open the functions.php file in child theme and remove the comments around function named dynamic_section

Now, you can consult redux framework documentation to learn about adding new sections and fields into theme options.

How to Modify Meta Boxes

This theme uses Meta Box Plugin for meta boxes and related file reside in 'meta-box > config-meta-boxes.php'



So, you can easily modify the code of existing meta boxes. Or you can add new meta boxes using framework_theme_meta filter in child theme.



Hire Customization Services

For any modification/customization or any custom feature which is important for you then you can consider our Theme Customization Services using our theme customization services.