THE PASSION - Multipurpose Movie & Music WP Theme

MultiPurpose Theme Ever for Entertainment Industry


Thanks for purchasing THE PASSION WP template.


To install this theme you must have a working version of WordPress already installed.

If you need help installing WordPress, below are all the useful links for WordPress information.

 

 

Installing THE PASSION

 

STEP 1: INSTALL THE PASSION THEME

Once you've downloaded the installation file on ThemeForest, extract it and locate a file called PASSION.zip. You can install the theme by using one of two installation methods:

  1. WordPress upload - This is probably the simplest way for most users. Here are the steps you need to take:
    1. Login to WordPress admin
    2. Go to admin panel > Appearance > Themes > Add New > Upload Theme
    3. Click on "Choose File" and select PASSION.zip
    4. Click on "Install Now"
  2. FTP upload - If you wish to install via FTP, here are the steps you need to take:
    1. Using FTP client, log in to the server where your WordPress website is hosted
    2. Using FTP client, navigate to the /wp-content/themes/ directory under your WordPress website's root directory
    3. Using FTP client, upload the PASSION directory to themes directory on remote server

Once an installation is complete, Your THE PASSION theme will be ready to use. You may install child theme(passion-child-theme.zip) by the same procedure as above.

If you install Both Child Theme and Main Theme, You Just need to activate Child theme.
Notice: If you face error "Are You Sure Want To Do This?" While Uploading Theme From Admin Panel. Kindly Refer Link

 

STEP 2: INSTALL RECOMMENDED PLUGINS

After Activating Theme, You have to Install and Activate all Recommended Plugins.

Plugin Installation

 

STEP 3: INSTALL DEMO

 

You can either start building your site from scratch, or import one of our demo sites and then modify it to fit your needs.

Check Our Most efficient 4 Minute Demo install Video from Here

THE PASSION comes with one-click import module. After installing all required plugins You need to follow below steps to install demos.

  1. Login to WordPress admin
  2. Go into admin panel > TMW Options > Demo Importer
  3. Choose any one from our five demo site that you wish to import
  4. Just wait for some time while all files imported. (It might take more time to download. Thanks For Your Patience.)

Demo data install

 

 

Great - Now Your Demo is Ready!

If writing permissions aren't set for folders containing CSS and JS files on your server you will see a warning message at the top of theme options page. In order to remove that message, you need to change permissions for wp-content/themes/PASSION/css and wp-content/themes/PASSION/js folders and set them to 755. We recommend setting writing permissions in order to optimize your site performance. If you have any issues with this, please contact your hosting service provider. Alternatively, you can submit a ticket to us with FTP access fo your site, and we will take a look at it.

 

If you wish to import the Revolution Slider demo slider, you need to locate the XML export folder in the previously downloaded package from ThemeForest. Inside, you'll find the RevSlider_Export.zip file. Next, go to RevolutionSlider from the WordPress admin panel and upload this file under the Import section.

After all setup, You just need to select Primary Menu and Home Page from Reading Section Of WordPress.

Congratulations Your demo is up now. If you face any issue while this process, Feel free to contact us on support@posimyth.com

Our THE MOVIE and THE MOVIE STUDIO, One Click Demo option have Placeholder Images. If you want to use Images exact like Live theme demos, Just go to Demo Data Folder and You need to manually Import using XML file(Just go to Tools->Import->Wordpress and Import XML file). That might take more time because of Quality Images and Lots of Content.


Updating THE PASSION

Notice: Always Take Backup of Files and Database Before making an update.

Manual Update

You can update your theme manually by performing the following steps:

  1. Download the latest theme zip file from ThemeForest
  2. Extract it and locate PASSION.zip
  3. Extract PASSION.zip and locate the PASSION folder
  4. Copy/Replace the content of the PASSION folder to the /wp-content/themes/PASSION folder of your website.

Important F.A.Q.

1. Why can't I save my menu?

WordPress by default has a limited number of menu items. When you import our demo site, which contains a lot of menu items, you might not be able to save changes you make to a menu. You can fix this problem by contacting your hosting and asking them to add the following lines to php.ini file:

suhosin.post.max_vars = 5000
suhosin.request.max_vars = 5000
2. Why is there a smiley displayed on blank pages?

This problem is most likely related to JetPack and memory settings of your hosting. You can either disable JetPack or read what the JetPack developer wrote: Regarding the memory limit, please refer to the WordPress Codex section concerning this problem. Some sites that load many plugins alongside WordPress ultimately require a higher memory limit than WordPress defaults to, but since this is limited to specific hosts and configurations, it must be dealt with on an individual basis. You'll find the Codex article at: http://codex.wordpress.org/Common_WordPress_Errors#Allowed_memory_size_exhausted

3. How do I optimize my site?

Please use this tool to investigate reasons for slow loading: https://developers.google.com/speed/pagespeed/insights/?hl=en
http://tools.pingdom.com/fpt/

4. How to translate or rename default theme labels?

You can use the Codestyling localization plugin (http://wordpress.org/plugins/codestyling-localization/) to translate/rename all the theme's labels. Another solution is to edit the Theme folder/languages/en_US.po file directly in the editor and manually edit labels you want to translate.

5. Why do I see a white screen when importing demo content?

If you get a white screen or some other error when trying to import our demo content, this probably happens because of the maximum execution time limit. You need to increase the maximum execution time (upload time) setting of your web server. The default maximum execution time on web servers is 30 seconds. Please increase it to 120 seconds. Possible ways of achieving this are:

  • By Wp-config.php changes - set_time_limit(120);
  • In htaccess - php_value max_execution_time 120;
  • In php.ini file - max_execution_time = 120

Ask your hosting provider to take care of this for you.

Once you've installed THE PASSION WP theme, you can start building your site.

Setting Up the Header

One of the first things you might want to do is to set up the header area. This section contains the logo, menu, search bar, side area icon, and other optional widgets.

To set it up, go to PASSION Options > Header from the admin panel. The settings you define here will be the default settings for all pages on your site. If you need help with any of the options, please refer to PASSION Options in this user guide. Some options, such as the header skin and background color.

Now let's add a logo. Go to PASSION Options > General from the admin panel and click the upload button next to the Logo field. You should now have a visible logo in your header area.

Logo AdminLogo Front

Menu Creation

To create a menu, go to Appearance > Menus from the admin panel. Click on "Create a new menu." Enter a name for your menu, and then click on "Create Menu".

Every page that you've created up until now will be listed in the section on the left called Pages. Simply check the ones that you want added to the menu, and then click on the "Add to Menu" button. Once added, you can click and drag the menu items to rearrange them, or nest them one under the other.

Underneath the menu items, under the section Menu Settings, check "Top Navigation" and click "Save Menu" in order to activate the menu you've just created. You should now have a functional menu on your pages.

MenusTop Navigation

Menus on Site

Now let's set up the footer by going to PASSION Options > Footer from the admin panel.

Footer Admin

The settings you define here will be the default settings for all pages on your site. Make sure that Footer and Sub Footer are enabled. If you need help with any of the options here, please refer to PASSION Options in this user guide.

Show Top/Bottom Footer - Admin

Show Top/Bottom Footer - Front

To add content to your footer, you need to activate widgets by going to Appearance > Widgets from the admin panel. On the right side of your page are widget areas for the footer, named First Footer Widget Area Second Footer Widget AreaThird Footer Widget Area, and Fourth Footer Widget Area. On the left side of your page are the available widgets. Simply drag the widget you'd like to one of the Footer Column widget areas on the right.

Widgets

Footer Widgets

General Look and Feel

Finally, let's set up the general look and feel of your site. If you'd like to keep the fonts and colors you see on the THE PASSION demo site, then you do not need to do anything more. Otherwise, go to PASSION Options > Styling & PASSION Options > Fonts. Under Design Style, choose a default font family for your site, as well as the default content background color and lots more options.

Now that you've set up some basic elements, you're ready to begin building your pages.

Building Pages

To create a new page, go to Pages > Add New from the admin panel. Enter a title for your page in the text field near the top of your screen.

Now let's start adding elements to your page. Make sure that you're in the backend editor. If the blue button on the top left says BACKEND EDITOR, click it to enable the Visual Composer. Once you're in backend, the button will say CLASSIC MODE. You can now click on "Add Element" and start building your page. You can read more about elements in the Shortcode section of this user guide.

Classic Editor ButtonBackend Editor Button

Finally, click the "Publish" button in the upper right section of the page. (If you made some changes on already published page, "Update" button will appear.

Publish Button

Additional Notes

Font Icon Packs

Please note that THE PASSION comes with one font icon packs: Font Awesome. You can see an overview of all the available icons in this icon packs at the below link:

  1. Font Awesome: http://fortawesome.github.io/Font-Awesome/icons/

You can access TMW Options from the WordPress admin panel. The settings found here are applied globally and will affect all pages of the site. However, note that many of these options can be overridden locally by applying settings on shortcode elements.

1.General

 

1.1 Global Settings
  • Favicon - Upload your favicon logo using this option. Generate customized Favicon(link)
  • Main Logo - Uploaded logo will be used as a default header logo throughout the website.
  • Sticky Logo - Uploaded logo will be used as a sticky header logo. It will be up when someone scroll down.
  • Mobile Logo - You can easily manage logo in small screen sizes by selecting Mobile logo.
  • Apple iPhone icon - It will be used as an apple icon in iOS devices. Recommended size 57px X 57px
  • Apple iPhone Retina Logo - Uploaded Logo will be displayed in Retina Display. Logo size must be double of Normal Logo.
  • Apple iPad Icon Upload - Upload Icon for Apple iPhone (72px x 72px)
  • Apple iPad Retina Icon Upload - Icon for Apple iPad Retina Version (144px x 144px)
  • Back to top Button* - If enabled, back to top icon available when a visitor scrolls down.

 

1.2 Social Settings
  • Display Social Icons* - If enabled, It will show social icons in the Navigation bar.
    • Facebook*
    • Twitter*
    • Youtube
    • Instagram*
    • Linkedin*
    • Pinterest
    • Google Plus
    • Vimeo
    • Foursquare
    • Wordpress
    • Soundcloud
    • Tumblr
    • Flickr
    • Digg
    • Amazon
    • Behance
    • Dribbble
    • Wikipedia

 

1.3 Site Preloader
  • Preloader - You can enable preloader globally for all pages of the site, or enable it from page/post meta boxes for a specific page
  • Background Color - Select background color of preloader screen.
  • Display Preloader Logo  - Upload Preloader image.
  • Choose a Preloader - Select style of preloader from available options.
  • Icon Color - Select color of preloader vector icon.

2. Header

 

2.1 Header
  • Header Layout* - Choose layout from our layout options.
  • Header Logo* - You can enable or disable header logo section using this option.
  • Main Navigation* - If disabled, Navigation bar will be disappeared from all screen sizes
  • Header Height* - Select a height of header section.
  • Logo Height* - Select a height of logo.
  • Sticky Header Height* - Select a height of sticky header section.
  • Show Sticky Header - If enabled, Sticky header will appear, When someone will scroll.
  • Interactive Menu Blocks - Add some interactive blocks under the menu sections. This option is just for selected Header Options.
2.2 Top Sub Header
  • Display Top Sub Header - If enabled, It will show sub header section above navigation bar.
  • Top Sub Header Height - Select a height of sub header section.
  • Left Side Content / Right Side Content - We have divided top sub header in right and left section. You can add content of left section from one content block and content of right section in another content block.
  • Display Social icons - If enabled, It will show social icons in the top sub header.
  • Background Color - Select a background color of this top sub header section.
  • Font Color - Select a font color of this top header section.

This section allows you to set up the footer area. There are two footer sections that can either be hidden or shown: the footer top and footer bottom. The footer top can be split into columns and is appropriate for placing widgets, such as menus, images, and social icons. The footer bottom is a simple section at the bottom of the page and is meant for placing copyright text. Both footer "Widgets."

  • Main Footer - If disabled, It will hide Main footer section from all screens.
  • Footer Fixed - If enabled, It will Fix footer section for new look while scrolling..
  • Main Footer Mobile - If disabled, It will hide main footer section in small devices.
  • Column Layout - Select layout and accordingly manage content via widgets.
  • Sub Footer* - If enabled, Sub Footer under the Main Footer will appeared.
  • SubFooter Left Section Content / SubFooter Right Section Content - We have divided Footer part in right and left section. You can add content of left section from one content block and content of right section in another content block.

4. Styling

4.1 General

  • Body Color - Choose main body color of website from this option.
  • Paragraph tag Color - Choose p tag color of website from this option.
  • Heading H1 Color* - Choose H1 Tag color of website from this option.
  • Heading H2 Color* - Choose H2 Tag color of website from this option.
  • Heading H3 Color* - Choose H3 Tag color of website from this option.
  • Heading H4 Color* - Choose H4 Tag color of website from this option.
  • Heading H5 Color* - Choose H5 Tag color of website from this option.
  • Heading H6 Color - Choose H6 Tag color of website from this option.
  • Text Link Color - All links color can be selected from here.
  • Strong Text Color* - Select Color of strong tag from here.

 

 

4.2 Header
  • Header Background Color - Select background color of header part.
  • Header Background Image - Select Header background effect from here.
  • Sticky Header Opacity - Setup Opacity of Sticky header section.

 

 

4.3 Social Networks
  • Icon Size* - Select social icon size in pixels from here.
  • Icon Color - Select Social icon color from here.
  • Icon Hover Color - Select social icon hover color from this option.
  • Border Color - Select border color(sub color) from this option.
  • Background Color - Select background color of social network from here.
  • Background Hover Color - Select background hover color from here.
4.4 Navigation
  • Style - Select style for main navigation menu
  • Main Menu
    • Menu Text Color - Select Main menu text color from here.
    • Menu Text Hover Color - Select Main menu hover text color from here.
  • Sub Menu
    • Sub Menu Text Color - Select Sub menu text color from here.
    • Sub Menu Text Hover Color - Select Sub menu text hover color from here.
    • Sub Menu Background Color - Select Sub menu Background color from here.
  • Secondary Menu (Interactive Blocks)
    • Overlay Color* - Select Secondary Menu (Interactive Blocks) overlay color.
    • Overlay Hover Color - Select Secondary Menu (Interactive Blocks) overlay hover color.
    • Text Color - Select Secondary Menu (Interactive Blocks) text color.
    • Text Hover Color - Select Secondary Menu (Interactive Blocks) Text hover color.
  • Mobile Menu
    • Menu Bar Icon Color - Select Mobile menu bar's icon color.
    • Menu Bar Icon Background Color - Select Mobile menu bar background color.
    • Mobile Menu Text Color - Select Mobile menu text color.
    • Mobile Menu Hover Color - Select Mobile menu bar hover background color.
    • Mobile Menu Background Color - Select Mobile menu bar section's background color.
4.5 Footer

 

 

  • Footer
    • Title Color - Select Footer section's title color.
    • Text Content Color - Select Footer section's text color.
    • Link Color - Select Footer section's Link color.
    • Link Hover Color - Select Footer section link's hover color.
    • Footer Section Top Border Color - Select Footer section Top border color.
    • Main Footer Background Color - Select Main Footer background's color.
    • Sub Footer Background Color - Select Sub footer's background color.
    • Main Footer Background Image -  Upload footer section's background image.
    • SubFooter Text Color - Select Sub Footer section's text color.

5. Fonts

Main Footer

 

  • 5.1 General
    • Body Font Style - Select font family and other font styles,settings for main body font of website.
    • Heading H1 Font Style - Select font family and other font styles,settings for H1 font of website.
    • Heading H2 Font Style - Select font family and other font styles,settings for H2 font of website.
    • Heading H3 Font Style - Select font family and other font styles,settings for H3 font of website.
    • Heading H4 Font Style - Select font family and other font styles,settings for H4 font of website.
    • Heading H5 Font Style - Select font family and other font styles,settings for H5 font of website.
    • Heading H6 Font Style - Select font family and other font styles,settings for H6 font of website.
5.2 Navigation

 

  • Navigation
    • Main Menu Font Style - Select font family and other font styles,settings for Main menu font of website.
    • Submenu Font Style - Select font family and other font styles,settings for Sub Menu font of website.
    • Secondary Menu (Interactive Blocks) - Select font family and other font styles,settings for Secondary Menu(Interactive Blocks) font of website.
5.3 Footer

 

  • Footer
    • Main Footer Font Style - Select font family and other font styles,settings for Footer section font of website.

6. Advanced

Main Footer

 

  • 6.1 Video Post
    • Primary Color* - This will be used as a main color through out the video post type.
    • Single Page Sidebar Layout - Choose any option for your sidebar layout of your single video page.
    • Video icon - This icon will be used throughout the website over video thumbnails.
    • Caution Form - This form will be used on single video page for spam report. Use contact form 7,form craft or any other form shorcode here.
    • Video Archive Page -
      • Video Listing Style* - Select Video List Type.
      • Colums* -  Please Select column size.
      • Sidebar Layout* -  Please Select Your Video Archive Page Sidebar layout.
    • Video Tags Page -
      • Video Listing Style* - Select Video List Type.
      • Colums* - Please Select column size.
      • Sidebar Layout* - Please Select Your Video Tags Page Sidebar layout.
  • 6.2 Woocommerce
    • Woocommerce Accent Color - If disabled, It will hide main footer section in small devices.
    • Product Background color - Choose Product listing background color.
    • Box Shadow - Please add Box Shadow CSS for Product Listing Section. Ex. None , 0px 0px 1px #9E9E9E;
    • Border Radius Product List* - Border radius Product Section. Min: 0px, max: 50px,default value: 15px
    • Mini Side Cart Color - Border radius Product Section. Min: 0px, max: 50px,default value: 15px
6.3 Sidebar

 

  • Navigation
    • Post Sidebar* - If enabled, It will show sidebar section in single blog post pages.
    • Team Member Sidebar - If enabled, It will show sidebar section in single team member post pages.
6.4 Music Bar

 

  • Footer
    • Music Bar - If enabled, Add mp3/ogg file and music will play in background
6.5 404 Page

 

  • 404 Page
    • 404 Dynamic text - We have designed basic layout of 404 page but you may set main content by using this editor.
6.6 Smooth Scrolling*

 

  • Smooth Scrolling*
    • Smooth Scrolling* - If enabled, All Pages will be smoothly scrolled using JS.
    • Scroll Bar Rail Color - Select scroll bar's rail color.
    • Scroll Bar Cursor Color - Select scroll bar's cursor color.
6.7 Tracking

 

  • Tracking
    • Google Analytics Code - Paste your analytics code here
6.8 Video Popup

 

  • Video Popup
    • Display Popup Video - If enabled, Video will be shown when someone land on a home page as a popup.
6.9 Custom CSS

 

  • Custom CSS
    • Custom CSS - Paste your Custom CSS code here
6.10 Custom JS

 

  • Custom JS
    • Custom JS - Paste your JS code here.

7. Demo Importer

 

       Demo Importer

 

  • Demo Import - Works best to import on a new install of WordPress

8. Import / Export

 

Import Options
  • Import Options - Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).
  • Export Options - Here you can copy/download your current option settings. Keep this safe as you can use it as a backup should anything go wrong, or you can use it to restore your settings on this site (or any other site).
 
 
 

Blog Posts

To create a new blog post, go to Posts > Add New from the admin panel.

  1. Enter a title for your post in the text field near the top.
  2. Next, at the right side of your screen, in the section called Format, choose a format for your blog post.

 

Blog Post Format

4.1 Standard

This is a standard look for a blog post. It has below options to customise:

  • Category - Select Category of Blog Post.
  • Tags - Separate tags with commas.
  • Feature Image - Image which will be displayed above blog content in the single page and In listing page above title.

 

4.2 Quote

This is a Quote Option, which is used for showcase quotes in a decent format. Below are the options for that post type:

  • Quote Content - Please type the text for your quote here.
  • Category - Select Category of Blog Post.
  • Tags - Separate tags with commas.
  • Feature Image - Image which will be displayed above blog content in the single page and In listing page above title.

 

4.3 Audio

This is a post type with very easy to use audio player.Below is the options for that post type:

  • MP3 File URL - Please enter the URL to the .mp3 file
  • OGA File URL - Please enter the URL to the .ogg or .oga file
  • Category - Select Category of Blog Post.
  • Tags - Separate tags with commas.
  • Feature Image - Image which will be displayed above blog content in the single page and In listing page above title.

4.4 Video

You can create a post with your awesome video content.Below are the options for that post type:

  • Embedded Code - You need to embed code of Youtube or VImeo.
  • Category - Select Category of Blog Post.
  • Tags - Separate tags with commas.
  • Feature Image - Image which will be displayed above blog content in the single page and In listing page above title.

 

4.5 twitter

Twitter is growing so much and You can embed your all precious and lead generating posts on your website blog as well. Below are the options for that post type:

  • Embedded Code - Go Twitter and Just copy Paste Share code on this area.
  • Category - Select Category of Blog Post.
  • Tags - Separate tags with commas.
  • Feature Image - Image which will be displayed above blog content in the single page and In listing page above title.

First, please fully read the documentation carefully before asking for support.

If you are still having troubles, please use our support forum here: http://posimyththemes.com/thepassion

You can mail us directly on support@posimyth.com with your purchase code.