THE PASSION - Multipurpose Movie & Music WP Theme

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.

STEP 2: INSTALL RECOMMENDED PLUGINS

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

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.)

Great - Now Your Demo is Ready!

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

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.

Uploading Your Logo

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.

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.

Footer

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

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.

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 Area, Third 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.

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.

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.

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.

3. Footer

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

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.

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.

To start creating your menu, go to Appearance > Menus from the admin panel.

At the upper left corner, you'll see 2 tabs: Edit Menus and Manage Locations.

In Manage Locations, you can assign menus to two different locations: top navigation and full screen navigation.

Now let's go to Edit Menus. At the bottom of the page, in the section Menu Settings, you're also able to assign the current menu to a location.

When creating a menu, you can click on the little triangle on each menu item in order to open up a list of editable settings.

Let's go over them:

• create a new menu -
• Navigation Label - Here you can enter a navigation label for this menu item. By default, the label is the same as the page title.
• Title Attribute - The title attribute will pop up once viewers hover over the navigation label.
• Don't link - Enable this option if you don't want this menu item to be a clickable link.
• Don't show - Enable this option if you don't want this menu item to show. This is useful if you're creating a wide menu in which you need to have a 2nd level item in order to hold the 3rd level items, but you don't want the 2nd level items to show.
• Type - You can choose between 3 menu types. Leaving this field empty will display a drop-down menu. Note that you only need to make this setting for the parent menu item, and all its child items will follow.

6.1 Countdown Elements

6.1 Countdown Settings

• Launch Date - Please enter numbers in dd-mm-yyyy Format.
• Counter Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Counter Text Color
• Border
• Days Block Color
• Hours Block Color
• Minutes Block Color
• Seconds Block Color
• Extra Class Name - Viewport animation will be triggered when this element is being viewed while you scroll page down. Choose the type of animation from this list. please note that this only works in modern Browsers Close.
• Viewport Animation - If checked, prev/next buttons will be hidden.

6.2 Milestone Elements

6.2 Milestone Settings

• Title Text - Title of Milestone
• Icons (Font Awesome) - Please go to FONT AWESOME Icons Page Link. Please Copy and paste Name of Icon here. e.g.,fa fa-smile-o,fa fa-thumbs-o-up...etc Custom Image
• Title Text Color
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Icon Size
• Icon Color
• Icon Border Color
• Icon Border On Hover Color
• Extra Class Name - Viewport animation will be triggered when this element is being viewed while you scroll page down. Choose the type of animation from this list. please note that this only works in modern Browsers Close.
• Viewport Animation - If checked, prev/next buttons will be hidden.

6.3 Image Block Elements

6.3 Image Block Settings

• Title Text - Add Image Block's Title Content.
• Background Image - Please go to FONT AWESOME Icons Page Link. Please Copy and paste Name of Icon here. e.g.,fa fa-smile-o,fa fa-thumbs-o-up...etc Custom Image
• Description - Add Description content of block here.
• Block Link - Enter URL if you want this image to have a link .
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Image Overlay Color
• Overlay Opacity
• Remove Space
• Extra Class Name - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers Close.
• Viewport Animation - If checked, prev/next buttons will be hidden.

6.4 Team Member Elements

6.4 Team Member Settings

• Style - Choose Style from our options.
• Category - Please go to FONT AWESOME Icons Page Link. Please Copy and paste Name of Icon here. e.g.,fa fa-smile-o,fa fa-thumbs-o-up...etc Custom Image.
• Columns -  Please Select column size.
• Maximum Posts
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Title Text Color
• Description Text Color
• Hover Background Color
• Extra Class Name - Viewport animation will be triggered when this element is being viewed while you scroll page down. Choose the type of animation from this list. please note that this only works in modern Browsers Close.
• Viewport Animation - If checked, prev/next buttons will be hidden.

6.5 Full-Screen Gallery Elements

6.5 Full-Screen Gallery Settings

• Upload Images - Select Multiple Images for Full Screen Gallery
• Color
• Columns - Please Select column size.
• Animation
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll a page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.6 Image Gallery Elements

6.6 Image Gallery Settings

• Upload Images - Select Multiple Images for Full Screen Gallery
• Gallery Style - Choose Style of Gallery from options.
• Columns - Please Select column size.
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Remove Space
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.7 Image Download Elements

6.7 ImageDownload Settings

• Upload Cover Images - Select Multiple Images for Full Screen Gallery
• Download Link 1 - Link to download Image for the first icon(Desktop).
• Download Link 2 - Link to download Image for the first icon(Tablet).
• Download Link 3 - Link to download Image for the first icon(Mobile).
• Icon Color - Choose text color
• Icon Hover Color - Choose text color
• Icon Color - Choose text color
• Remove Space - If You will select Yes It will remove all padding/margin around the Image Download Block.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.6 Video List Elements

6.6 Video List Settings

• Video Source - Select Multiple Images for Full Screen Gallery
• Video Poster Image - Link to download Image for the first icon(Desktop).
• Title Text - Enter Video Title.
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc..
• Title Color - Choose text color
• Title Background Color - Choose text color
• Remove Space - If You will select Yes It will remove all padding/margin around the Image Download Block.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.9 Marquee Elements

6.9 Marquee Settings

• Content - Select Multiple Images for Full Screen Gallery
• Height - Link to download Image for a first icon(Desktop).
• Width - Enter Video Title.
• Background Color - Please Suffix with "px". e.g., 22px, 95px, etc..
• Direction - Choose text color
• Scroll Amount - Choose text color
• Scroll Delay - Put value to speedup or speeddown scrolling of marquee element.
• Behavior - Choose from the options.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll a page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.10 Testimonial Elements

6.10 Testimonial Settings

• Category - Please enter Category slug. e.g., style-1, demo, etc.
• Maximum Posts - Please enter a number of posts you want to display.
• Slide Interval Time - Please enter a value in milliseconds. e.g., 650, 1000, etc.
• Title Text Color
• Description Text Color
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.11 Blog List Elements

6.11 Blog List Settings

• Layout Option - Please enter Layout Option. e.g., style-1, demo, etc.
• Category - Please enter Category slug. e.g., style-1, demo, etc.
• Maximum Posts Per Page - Please enter a number of posts you want to display.
• Title Font Size -Please enter font size.
• Columns -Please Select column size.
• Slide Interval Time - Please enter value in milliseconds. e.g., 650, 1000, etc.
• Title Color
• Order By - Choose From the options.
• Extra Class Name
• Sort order - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.12 Blog Slider Elements

6.12 Blog Slider Settings

• Layout Option - Please enter Layout Option. e.g., style-1, demo, etc.
• Category - Please enter Category slug. e.g., style-1, demo, etc.
• Maximum Posts Per Page - Please enter a number of posts you want to display.
• Title Font Size -Please enter font size
• Columns - Please Select column size.
• Speed Slide - Please enter a value in milliseconds. e.g., 650, 1000, etc.
• Title Color
• Order By - Choose from the options
• Extra Class Name
• Sort order - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.13 Team Member Slider Elements

6.13 Team Member Slider Settings

• Style - Choose Team Member display style from options.
• Category - Please enter Category slug. e.g., style-1, demo, etc.
• Maximum Posts - Please enter a number of posts you want to display.
• Columns - Please Select column size.
• Speed Slide - You may speedup or speed down by putting right values in this field.
• Title Font Size - Please Suffix with "px". e.g., 22px, 95px, etc.
• Title Text Color
• Hover Text Color
• Hover Background Color
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.14 Numbers Elements

6.14 Numbers Settings

• Title - The subject of your Text. e.g. Youtube Views
• Letters - Enter digits/count of your number. e.g. 999
• Prefix/Postfix Symbol - An optional symbol to place next to the number counted too. e.g. "%" or "+")
• Font size - Please Enter Font Size of numbers.Ex.20px,30px...
• Font Family - Ex. Arial ,Verdana,...
• Text Alignment - Please Suffix with "px". e.g., 22px, 95px, etc.
• Numbers Color
• Title Color
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll the page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.15 Numbers Elements

6.15 Numbers Settings

• Title - The subject of your Text. e.g. Youtube Views
• Upload Images - Enter digits/count of your number. e.g. 999
• Description - An optional symbol to place next to the number counted too. e.g. "%" or "+")
• Link - Please Enter Font Size of numbers.Ex.20px,30px...
• Button Text - Ex. arial ,verdana,...
• Height - ex. 240px,250px,etc.
• Title Font Color
• Title Font Size - Ex. 20px ,30px,...
• Background Color - Style particular content element differently - add a class name and refer to it in custom CSS.
• Remove Space - If enabled, All padding around section will be removed

6.16 Animated Text Elements

6.16 Animated Text Settings

• Text Content - Enter your content
• Normal Text Color - Choose text color
• Hover Text Color - Choose text color
• Hover Background Color - Choose text color
• Font Size - Ex. 20px ,30px,...
• Line Height - Ex. 2px ,3px,...
• Letter Spacing - add value for letter spacing.
• Font Family - Ex. Arial ,Verdana,...
• Text Align - Style particular content element differently - add a class name and refer to it in custom CSS.
• Remove Space - If enabled, All padding around section will be removed
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll a page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.17 Footer Pattern Settings

6.17 Footer Pattern Settings

• Style Pattern - Enter your content
• Color - Choose text color
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.

6.18 Video Grid Settings

6.18 Video Grid Settings

• Style Pattern - Choose Style of  Video Grid options.
• Video Category - Please enter Category slug. e.g., style-1, demo, etc.
• Columns - Please Select column size.
• Maximum Post - Please enter a number of posts you want to display.
• Title Font Size -Please enter font size.
• Order By - Choose from the options.
• Sort order - Style particular content element differently - add a class name and refer to it in custom CSS.
• Pagination Display - If enabled, It will show Pagination  On Display.
• Load More Posts - If enabled, It will show Load More On Display.
• Remove Space -   If enabled, It will Remove padding around section.
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll a page down. Choose the type of animation from this list. please note that this only works in modern Browsers

6.19 Video Slider Settings

6.19 Video Slider Settings

• Style Pattern - Choose Style of  Video Grid options.
• Columns - Please Select column size.
• Category - Please enter Category slug. e.g., style-1, demo, etc.
• Maximum Post Per Page - Please enter a number of posts you want to display.
• Slider Speed - Please enter a value in milliseconds. e.g., 1000, 4000, etc.
• Title Font Size -Please enter font size.
• Order By - Choose from the options.
• Sort order - Style particular content element differently - add a class name and refer to it in custom CSS.
• Extra Class Name - Style particular content element differently - add a class name and refer to it in custom CSS.
• Viewport Animation - Viewport animation will be triggered when this element is being viewed while you scroll a page down. Choose the type of animation from this list. please note that this only works in modern Browsers