YUK

• latest update: 08/10/2018
• by: TrueThemes

The first thing you need to do is log in to your WordPress admin area. Next, click on Appearance » Themes.

Once you are on the themes page, click on the Add New button at the top.

On the next screen, click on the Upload Theme button at the top.

You will be prompted to choose the zip file that you downloaded earlier. Select the file and click Install Now.

Once your theme is installed, you will see a success message along with the link to activate and preview the theme.

Click on the activate button, and you’ve successfully installed and activated your WordPress theme.

After these successful steps, you will need to Import  Demo Data so that all the content will display on your side:

1. Install all required plugins on your side (Appearance> Required Plugins)

2. Press the "Import Demo Data" (Appearance> Import Demo Data)

3. Press "Let's go" and you will see "Default content" and choose "Import all content"

4. Ater that press "Continue" and all content will import on your side.

5. Press "Continue".in the "Theme Options"

Notice: All images in YUK theme can be used only on dethe mo version. You will need to upload your own images for your site.

Now the eme is installed and looks the same as on demo.

Theme options is a custom admin page which comes with some WordPress themes. It allows users to change theme settings without modifying theme files or touching any code. These theme options pages can be very simple with handful options or it can have tons of customization options split into either tabs or multiple pages. Theme options are good for most users, but they do tend to complicate things on the development side of things. Notice: Before leaving the ‘Theme Options’ tab make sure to click the ‘Save changes’ button at the top of the panel, otherwise your changes will be lost.

General

• Show sidebar on pages: - This option allows specify on which pages you can show the sidebar.

• Sidebar Position - This option allows select where will display the sidebar (Left Sidebar, Right Sidebar).

• Enable lazy load  - This option is available for Images and Maps. (allows you to load JavaScript components asynchronously when a specific route is activated. This can add some initial performance during the initial load)

• Enable Coming Soon - This option allows enabling "Coming soon page"  while your site is being developed.

• Page Coming Soon - You can select which page will be open.

• Enable Copyright - Copyrighted materials are often used in the commentary, journalism, or the transformation of the material into something original of their own.

• Enable sound - This option allows enable the sound on the site.

• Enable Lines - This option allows enable the lines on the pages.

• Disable Preloader -  Preloaders (also known as loaders) are what you see on the screen while the rest of the page’s content is still loading.

• Type of preloader:

  • Modern Text - You can add your own text.

  • Image - you can add your own image.

  • Spinner - On your site will display the spinner.

• First text for modern preloader - Enter first text for the preloader.

• Second text for modern preloader - Enter second text for the preloader.

Header

• Menu style - Choose the menu type. It can take one of the following values: Classic, Classic With Button, Modern, Full-Screen Menu, Aside, Static Aside, Only Logo. 

• Enable mobile menu from width 1024px?- Enable mobile menu from width 1024px

• Type of site logo - Select the image or  the text of the logotype

• Site logo - Upload any image on your logo.

• Site logo on  scroll - upload any media using the WordPress Native Uploader.

• Image logo style - Here you can select the default style or the custom style for the image logo.

• Text logo style - Here you can write the text of the ogo.

• Text logo style - Here you can select the default style or the custom style for the text of the logo.

•  Add about section on mobile? - This option enables about section in the header for classic menu.

• About text - Here you can add some text for about section.

• Add images for gallery - Here you can add some images for the gallery for about section.

• Title for social links in about section - Here you can add some text for the title for social in about section.

• Social links for about section - Here you can add the social links for about section.

Typography

Typography Headings

Typography Headings - You can set up your typography which you want to use in your elements:

• Title Tag - From H1 to H6, paragraph

• Font Family - Here you can select which font you want to use.

• Font Size (in px) - Here you can select which size you want to set up.

Typography Menu - You can set up the typography which you want on your menu elements:

• Menu Item Font Family  - Here you can select the font which you want to use.

• Menu Item Font Size (in px) - Here you can select which size you want to use.

• Menu Line Height - Here you can select which height of the menu items you want to use.

• Menu Item Font Size (in px) - Here you can select which size of the menu you want to use

• Submenu Item Font Family - Here you can select which size of the submenu you want to use

• Submenu Item Font Size (in px) - Here you can select the size of the submenu you want to use.

• Submenu Line Height - Here you can select which height of the submenu items you want to use.

Typography Button - You can set up the typography which you want on your buttons:

• Button Font Family - Here you can select the font which you want to use in your buttons,

• Button Font Size (in px) - Here you can select which size you want to use in your buttons.

• Button Line Height - Here you can select which height of the buttons.

• Letter Spacing (in px) - Here you can select increases or decreases the space between characters in a text.

Typography Links - You can set up the typography which you want on your links.

• Button Font Family - Here you can select the font which you want to use in your links.

• Links Font Size (in px) - Here you can select the font which you want to use in your links.

• Links Line Height - Here you can select the font which you want to use in your links.

• Links Letter Spacing (in px) - Here you can select the font which you want to use in your links.

Social

• Instagram username - Here you can add your Instagram username.

• Instagram count images - Here you can select how many images from Instagram will display on the page.

• Instagram access token -  In order to display your Instagram photos on your own website, you are required to provide an Instagram Access Token. The Instagram Access Token is a long string of characters unique to your account that grants other applications access to your Instagram feed.

Theme Color

• Change Colors switcher - turn on if you want to change theme colors

• Menu Font Color - select color for menu fonts

• Menu Background Color - select menu background color

• Menu text color on scroll  - select menu text color on the scroll

• Menu Font Color For Transparent Style - select menu background color

• First Front Color - change text color banner, text color images, color buttons

• Second Front Color - change text color banner, text color images, color buttons

• Light Color - change text color banner, text color images, color buttons

• Third Front Color - change text color banner, text color images, color buttons

• First Base color - change color text all pages, color buttons

• Second Base color - change color text all pages, color buttons

Blog

• Blog Style - This option allows choosing the style for the blog:

  • Big image list

  • Metro style

  • Masonry style

• Blog title - This option allows entering the title for your blog.

• Show posts from not all categories? - This option allows show posts in the blog from not all categories. If this option is "ON" you can select from which categories the posts will be displayed.

• If this option is "OFF" posts will be displayed on the page from all categories.

•  This option allows select categories for showing posts in the blog.

• Note: This option will work when will be "ON" option "Show posts from all categories"!

• The transparent header for the single post - This option allows turning on the transparent header for the single post.

• Tags in posts - This option allows display tags (which you will add to your post) in the details posts.

• Categories in posts - This option allows display (which you will add to your post)categories in the details posts.

• Author in post  details page - This option allows display author in post details page.

•  Biographical Info from User's profile - This option allows display biographical info from user's profile in post details page.

• Show call to action section? - Here you can enable the call to action section.

• Background color - Here you can select the color of the background.

• Image - Here you can add the image to the section.

• Title - Here you can add the title to the section.

• Background Image - Here you can add the background image to the section.

• Button Style - Here you can select of the button.

• Button Custom Text - Here you can add your own text to the button.

• Button Custom URL - Here you can add your the link.

Portfolio

• Social sharing in portfolio (for all portfolios) - Display social sharing buttons (for all portfolios)

• Navigation in portfolio (for all posts) - Display navigation buttons (for all portfolios)

• Portfolio protected text - Enter text for portfolio protected page

• Portfolio Url Slug - This option allows change portfolio URL slug. Please update permalinks after this.

• Portfolio Url Category Slug -  This option allows change portfolio URL category slug. Please update permalinks after this.

Events

• Text for cancelled events - Here you can add the text for canceled events.

• Text for Postponed events - Here you can add the text for Postponed events.

• Subtitle for Protected events - Here you can add the subtitle for Protected events

• Navigation in events (for all posts) - Here you can enable the navigation in the events

Clients

• Select count of columns for clients albums page - Here you can select the count for clients albums page.

• Select hover for clients albums page - Here you can select the hover for clients albums page.

E-commerce

• Enable shop cart in  menu  - Display shop cart button in the menu

• Enable Sidebar on shop page - Display sidebar on shop page (product list page)

• Enable Sidebar on product detail page - Display sidebar on product detail page

• Enable Socials share on product detail page - Turn on if you want to enable socials share

• Choose footer style for ecommerce - You can select the style of the footer.

Footer

• Footer style - chose between modern and classic styles (Modern, Simple, Classic).

• Enable Footer copyright - Here you can enable the copyright in the footer.

• Enable Footer Menu - Here you can enable the footer menu.

• Enable Footer Socials - Here you can enable the socials items in the footer.

• Copyright text - Enter copyright text for footer

• Enable Parallax Footer - Click on to enable the parallax effect.

• Footer social links - Here you can add the social links items for the footer.

• Footer Second Social - Here you can add the new social items for the footer.

Custom CSS and JavaScript

This section was specially created for you to easily customize your site by adding custom CSS and JavaScript code:

404 page

• Change logo for 404 page - Click on to add the logo for this page.

• Type of site logo -  You can select the type of the logo:

• Image Logo - Image Logo

• Text Logo - Text Logo

• Error Text - Here you can the error text which will display on the page.

• Error Title - The error page title.

• Error Subtitle - The error page title.

• Error button text- The text on the button, which usually redirects to the actual working page.

• Button style - Chose the style of the button.

• 404-page background - Here you can upload the background image.

Backup

Here you can export backup of your theme than to import it back if needed:

The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way. More information on how to use Visual Composer properly can be found here:

• FAQ

• Video tutorials

1. Image banner shortcode

Parameters:

• Style Banner - There you can select the style of the banner.
• Simple.
  • Height banner - There you can select the height of the banner.
  • Text align - Here you can select the position for the text (Center, Left, Right)
  • Title - There you can select the title to the banner.
  • Subtitle - Here you can add the subtitle to the banner
  • Text - There you can select the text which will display on the banner.
  • Button - Here you can select which link you want to add on the banner.
  • Button style - Here you can select the style of the button.
  • Background image - There you can add the background image to the banner.
  • Show social? - Here you can enable the socils items.
    • Social aligment - Here you can select the position for the social items.
    • Socials - Here you can add the socils items.
      • Select icon - Here you can select the icon for your social item.
      • Text - Here you can add the text to your social item.
      • URL - Here you can add the URL of your social item.
    • Show overlay? - Here you can enable the overlay for this banner.

• Modern.
  • Height banner - There you can select the height of the banner.
  • Text align - Here you can select the position for the text (Center, Left, Right)
  • Title - There you can select the title of the banner.
  • Subtitle - Here you can add the subtitle to the banner
  • Text - Here you can add the text to your banner.
  • Button - Here you can select which link you want to add on the banner.
  • Button style - Here you can select the style of the button.
  • Background image - There you can add the background image to the banner.
    • Show social? - Here you can enable the socils items.
      • Social aligment - Here you can select the position for the social items.
      • Socials - Here you can add the socils items.
      • Select icon - Here you can select the icon for your social
      • Text - Here you can add the text to your social item.
      • URL - Here you can add the URL of your social item.
    • Show overlay? - Here you can enable the overlay for this banner.

• Classic with social.
  • Height banner - There you can select the height of the banner.
  • Text align - Here you can select the position for the text (Center, Left, Right)
  • Title - There you can select the title of the banner.
  • Subtitle - here you can add the subtitle of the banner.
  • Color Text Style - Here you can select the color style for the text on the banner.
  • Background image - There you can add the background image to the banner.
  • Socials - Here you can add the socils items.
    • URL - Here you can add the URL of your social item.
    • Text - Here you can add the text to your social item.
    • Select icon - Here you can select the icon for your social item.

• Text with background.
  • Title - There you can select the title of the banner.
  • Background image - There you can add the background image to the banner.
  • Background image for title - Here you can add the background image for the title

• Left text with image.
  • Height banner - There you can select the height of the banner.
  • Title - There you can select the title of the banner.
  • .Text - There you can select the text which will display on the banner.
  • Color Text Style - Here you can select the color style for the text on the banner.
  • Button style - Here you can select the style of the button.
  • Second Button - Here you can add the second button to your banner.
  • Button Second Style - Here you can select the style of the second button.
  • Background image - There you can add the background image to the banner.
  • Second background image - There you can add  the second background image to the banner.
  • Background Text - Here you can add the text to your background.

2. Headings shortcode

 Parameters:

• Style - There you can select the style of the heading.
• Simple title with subtitle.
  • Text align - Here you can select the position for the text (Center, Left, Right)
  • Title - There you can select the custom text block title.
  • Title color -Here you can select the color for your title.
  • Subtitle - There you can select the custom text block subtitle.
  • Subtitle color - Here you can select the color for the subtitle.
  • Remove fade-in-up animation on load? - There you can Remove fade-in-up animation on load.3

• Simple reserve title with subtitle.
  • Text align - Here you can select the position for the text (Center, Left, Right)
  • Title - There you can select the custom text block title.
  • Title color -Here you can select the color for your title.
  • Subtitle - There you can select the custom text block subtitle.
  • Subtitle color - Here you can select the color for the subtitle.
  • Remove fade-in-up animation on load? - There you can Remove fade-in-up animation on load.

• Text left with button
  • Title - There you can select the custom text block title.
  • Subtitle - There you can select the custom text block subtitle.
  • Link/Button - Here you can add the link to your button.
  • Button style - Here you can select the style of the button.
  • Remove fade-in-up animation on load? - There you can Remove fade-in-up animation on load.

3. Services shortcode

 Parameters:

• Style - There you can select the style of the services.

• Center.
  • Icon - There you can select the icon, which you want to use in this shortcode.
  • Icon gradient color 1 - There you can select the gradient color.
  • Icon gradient color 2 - There you can select the gradient color.
  • Title - There you can select the custom text block title.
  • Text -  There you can select the text which will display in this shortcode.

• Left.
  • Icon - There you can select the icon, which you want to use in this shortcode.
  • Icon gradient color 1 - There you can select the gradient color.
  • Icon gradient color 2 - There you can select the gradient color.
  • Title - There you can select the custom text block title.
  • Text -  There you can select the text which will display in this shortcode.

• Right.
  • Icon - There you can select the icon, which you want to use in this shortcode.
  • Icon gradient color 1 - There you can select the gradient color.
  • Icon gradient color 2 - There you can select the gradient color.
  • Title - There you can select the custom text block title.
  • Text -  There you can select the text which will display in this shortcode.

• Center with image & border
  • Center Icon With Text.
    • Icon - Here you can add the icon.
    • Icon Color - Here you can select the color for your icon.
    • Title - Here you can select the custom text block title.
    • Text -  Here you can select the text which will display in this shortcode.

• Accordion.
  • Title - There you can select the custom text block title.
  • Image - Here you can add your own image.
  • Items.
    • Number - Here you can add the number.
    • Title -Here you can select the custom text block title.
    • Text -  Here you can select the text which will display in this shortcode.

• Slider.
  • Items.
    • Select icon - Here you can add the icon.
    • Text align - Here you can select the align of the text.
    • Text -  Here you can select the text which will display in this shortcode.
    • Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
    • Speed (milliseconds) - There you can select the time Of the speed animation(milliseconds), how your slides will moves.
    • Loop - This option can be used to run the slides through a continuous loop.
    • Count of slides for large desktop - Here you can selct the count of the slides.
    •  Count of slides for middle desktop - Here you can selct the count of the slides.
    • Count of slides for tablet - Here you can selct the count of the slides.
    • Count of slides for large mobile - Here you can selct the count of the slides.

4. Line Of Images shortcode

 Parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Values:
  • Image - There you can add your own image.
  • URL - Ther eyou can addd the URL for image.

• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

5. Skills shortcode

 Parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Numerical with icon.
  • Skills.
    • Icon - Here you can add the icon.
    • Icon color - Here you can select the color of the icon.
    • Number - There you can add the number of your skills.
    • Title - There you can add title for your skills.
  • Extra class name  - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Numerical with background
  • Background Color - Here you can add the color to the background.
  • Background Image - Here you can add the image to the background.
  • Skills.
    • Icon - Here you can add the icon.
    • Icon color - Here you can select the color of the icon.
    • Number - There you can add the number of your skills.
    • Title - There you can add title for your skills.

• Circle.
  • Skills.
    • Number - There you can add the number of your skills.
    • Title - There you can add the  title for your skills.
    • Text - There you can add the text for your skills.
  • Extra class name  - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Image with lines.
  • Photo - Here you can add the image.
  • Main title - There you can add the main title.
  • Subtitle - There you can add the subtitle.
  • Skills - There you can enter values for skill.
    • Title - There you can add the title for your skills.
    • Number - There you can add the number of your skills.
    • First line color (gradient) - Here you can select the firs color for the line.
    • Second line color (gradient) - Here you can select the second color for the line.
  • Extra class name  - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

6. Buttons shortcode

 Parameters:

• Link/Button -Here you can add the link with title
• Style - There you can select the style of the button:
  • Blue;
  • White transparent;
  • Button with border;
  • Blue transparent;
  • White;
  • Grey;
  • Dark;
  • Button with border - white.

7. Pricing shortcode

 Parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Classic.
  • Is this item active? - Here you can enable the active item.
  • Background Image - Here you can add the image to the background.
  • Currency - There you can add the currency of the price.
  • Price- There you can add the cost of the price.
  • Tariff - Here you can add the tariff, which will display on the pricing.
  • Description - Here you can description about the item.
  • List Of Services .
    • Service Item - Here you can add the text about the service.
    • Does this service refer to the tariff plan? Here you can enable when the service refer to the tariff plan
  • Button - There you can add the Url of the link.
  • Button style -  There you can select the style of the button.
  • Extra class name  - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Modern.
  • Is this item active? - Here you can enable the active item.
  • Background Image - Here you can add the image to the background.
  • Currency - There you can add the currency of the price.
  • Price- There you can add the cost of the price.
  • Tariff - Here you can add the tariff, which will display on the pricing.
  • Description - Here you can description about the item.
  • List Of Services .
    • Service Item - Here you can add the text about the service.
    • Does this service refer to the tariff plan? Here you can enable when the service refer to the tariff plan
  • Button - There you can add the Url of the link.
  • Button style -  There you can select the style of the button.
  • Extra class name  - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

8. Contacts shortcode

 Parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Info with form.
  • Title - Here you can add the title.
  • Text - Here you can the text.
  • Address.
    • Add your assress - Here you can add the address.
    • Icon Address - Here you can select the icon for your address.
  • Email.
  • Add your email - Here you can add the email.
  • Icon email - Here you can add the icon for your email.
  • Add your phone - Here you can add the phone.
  • Icon Phone - Here you can add the icon for the phone.
  • Phone.
  • Form style - Here you can select the form for the contact (Classic Form, Modern Form )
  • Contact form - There you can your form id from shortcode Contact Form 7 Plugin.

• Info with parallax.
  • Image - Here you can add the image for the parallax effect.
  • Title - Here you can add the title.
  • Subtitle - Here you can add the subtitle.
  • Contact form - There you can your form id from shortcode Contact Form 7 Plugin.
  • Icon First Gradient Color - Here you can select the gradient color for the icon.
  • Icon Second Gradient Color - Here you can select the gradient color for the icon.

• Content with parallax.
  • Image - Here you can add the image for the parallax effect.
  • Text - Here you can the text.
  • Contact form - There you can your form id from shortcode Contact Form 7 Plugin.
  • Icon First Gradient Color - Here you can select the gradient color for the icon.
  • Icon Second Gradient Color - Here you can select the gradient color for the icon.

• Custom info
  • Text - Here you can the text.
  • Contact form - There you can your form id from shortcode Contact Form 7 Plugin.
    • Address.
    • Add your assress - Here you can add the address.
  • Email.
  • Add your email - Here you can add the email.
  • Add your phone - Here you can add the phone.
  • Phone.
  • Icon First Gradient Color - Here you can select the gradient color for the icon.
  • Icon Second Gradient Color - Here you can select the gradient color for the icon.
• Info List.
• Items.
• Select icon - Here you can select the icon.
• Info.
  • Title - Here you can add the title.
  • Phone - Here you can add the phone.
  • Email - Here you can add the email.
  • Text - Here you can the text.
• Icon First Gradient Color - Here you can select the gradient color for the icon.
• Icon Second Gradient Color - Here you can select the gradient color for the icon.

9. Coming Soon shortcode

 Parameters:

• Title - There you can add the title.
• Subtitle - There you can add the subtitle
• Date - There you can add the date.
• Button  - Here you can add the button.
• Button style - Here you can select the style for the button.
• Second Button - Here you can add the second button.
• Button style 2 - Here you can select the style for the second button.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file

10. Glitch banner shortcode

 Parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Background image - Ther you can add your background image.
• Title - There you can add the title.

11. Banner Slider shortcode

 Parent parameters:

• General:
  • Type Slider - There you can select the type of the banner which you want to use on your site.
  • Show overlay? - Here you can enable the owerlay for the banner.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file
• Animation:
• Autoplay (sec) - There you can select the time (sec) when your slides start to switch.
• Speed (milliseconds) - There you can select the time of the speed animation(milliseconds), how your slides will moves.

 Child parameters:

• Classic slider.
  • Background Image - Here you can add the image on the background.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Text Color Style - Here you can select the color style for the text.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Modern Slider.
  • Background Image - Here you can add the image on the background.
  • Background Text - Here you can add the text to your background.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Text Color Style - Here you can select the color style for the text.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Urban Slider.
  • Image / Video Background - Here you can select which media you want to add.
  • Image - Here you can add the preview image.
  • Text - Here  you can add the text.
  • Text Color Style - Here you can select the color style for the text.

• Vertical Slider.
  • Background Image - Here you can add the image on the background.

• Classic vertical slider.
  • Background Image - Here you can add the image on the background.
  • Socials.
    • Select icon - Here you can select the icon for your social item.
    • URL - Here you add the URL of your social item.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Modern vertical slider.
  • Background Image - Here you can add the image on the background.
  • Show overlay? - Here you can enable the owerlay for the slider.
  • Overlay color - Here you can select the color for your overlay.
  • Socials.
    • Select icon - Here you can select the icon for your social item.
    • URL - Here you add the URL of your social item.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.

12.About shortcode

 Parent parameters:

• Person Image  - Here you can add the image.
• Title - Here you can add the title.
• Subtitle - Here you can add the subtitle.
• Subtitle - There you can add the subtitle. - Here you can select the color for the word.
• Background title - Hre you can add the title on the background.
• Color Text - Here you can select the color for the text.
• Button - Here you can add the URL with the title.
• Button style - Here you can select the style of the button.

13. Faq block shortcode

 Parent parameters:

• Items For Accordion.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Number - Here you can add the number.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file

14. Info shop block shortcode

 Parent parameters:

• Classic.
  • Background Image - Here you can add the image on the background.
  • Title - Here you can add the title.
  • Title color - Here you can select the color for your title.
  • Subitle - Here you can add the subtitle.
  • Subitle color - Here you can select the color for your subtitle.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file

• Modern.
  • List Of Info Shop
    • Background Image - Here you can add the image on the background.
    • Title - Here you can add the title.
    • Title color - Here you can select the color for your title.
    • Subitle - Here you can add the subtitle.
    • Subitle color - Here you can select the color for your subtitle.
    • Sale Text - Here you can select the text for thee sale.
    • Sale text color - Here you can select the color for the sale text.
    • Button style - Here you can select the style of the button.
    • Button - Here you can add the URL with the title.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file

15. Portfolio list shortcode

 Parent parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Parallax showcase.
  • Image original size  - There you can select the size of the images.
  • Select Categories - There you can select the categories, which will display on the page.
  • Order by - There you can select how to sort retrieved posts.
  • Sort order - There you can select ascending or descending order.
  • Count posts - There you can select the count of the products, which you want will display on the page.
  • Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
• Parallax.
• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count posts - There you can select the count of the products, which you want will display on the page.
• Open link in a new tab? - There you can enable the option, which will open the portfolio element in the new tab.
• Text for button - Here you can add the text to your button.
• Button style - Here you can select the style of the button.

16. Product list shortcode

 Parent parameters:

• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count posts - There you can select the count of the products, which you want will display on the page.

17. Portfolio with animation shortcode

 Parent parameters:

• Image original size  - There you can select the size of the images.
• Select Categories - There you can select the categories, which will display on the page.
• Order by - There you can select how to sort retrieved posts.
• Sort order - There you can select ascending or descending order.
• Count items - There you can select the count of the items, which will display on the page.
• Text for button - There you can select the text on the button
• Linked to detail page - There you can enable the link to the detail page.
• Background color  - There you can select the color of the background.
• Change first color for bubble - There you can select the color of the bubble.
• Button style - There you can select the style of the button.

18. Info block shortcode

 Parent parameters:

• Classic.
  • Text - Here  you can add the text.
  • Image - Here you can add the image.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file

• Classic with accordion.
  • Subtitle - Here you can add the subtitle.
  • Items for accordion.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Image - Here you can add the image.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Modern with image.
  • Title - Here you can add the title.
  • Subtitle - Here you can add the subtitle.
  • Text - Here  you can add the text.
  • Add video? - Here you can enable the option which can add the video.
  • Video link - Here you can add the link of your video.
  • Image - Here you can add the image.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Modern.
  • Number - Here you can add the number.
  • Background image for number - Here you can add the image which will display how background in the number.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Add video? - Here you can enable the option which can add the video.
  • Video link - Here you can add the link of your video.
  • Image - Here you can add the image.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Image with icons section.
  • Title - Here you can add the title.
  • Icon With Text.
    • Icon - Here you can select the icon.
    • Icon Color - Here you can select the color of the icon.
    • Title - Here you can add the title.
    • Text - Here  you can add the text.
    • Image - Here you can add the image.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Video with text section.
  • Title - Here you can add the title.
  • Subtitle - Here you can add the subtitle.
  • Text - Here  you can add the text.
  • Add video? - Here you can enable the option which can add the video.
  • Video link - Here you can add the link of your video.
  • Video background image - Here you can add the image for the background.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Title with icons section.
  • Title - Here you can add the title.
  • Icon With Title And Subtitle.
  • Icon - Here you can select the icon.
  • Icon First Gradient Color - Here you can add the color for the gradient.
  • Icon Second Gradient Color - Here you can add the color for the gradient.
  • Title - Here you can add the title.
  • Text - Here  you can add the text.
  • Image - Here you can add the image.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

19. Portfolio Sliders shortcode

 Parent parameters:

• Style.
• Interactive links.
  • Image original size  - Here you can select the size of the images.
  • Select Categories - Here you can select the categories, which will display on the page.
  • Order by - Here you can select how to sort retrieved posts.
  • Sort order - Here you can select ascending or descending order.
  • Enable autoplay? - Here you can enable the autoplay.
  • Autoplay speed (sec) - Here you can select the time (sec) when your images start to switch.
  • Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will moves.
  • Count items - Here you can select the count of the items, which you want will display on the page.
  • Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

• Urban slider.
  • Image original size  - Here you can select the size of the images.
  • Select Categories - Here you can select the categories, which will display on the page.
  • Order by - Here you can select how to sort retrieved posts.
  • Sort order - Here you can select ascending or descending order.
  • Count items - Here you can select the count of the items, which you want will display on the page.
  • Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

• Full showcase slider.
  • Image original size  - Here you can select the size of the images.
  • Select Categories - Here you can select the categories, which will display on the page.
  • Order by - Here you can select how to sort retrieved posts.
  • Sort order - Here you can select ascending or descending order.
  • Count items - Here you can select the count of the items, which you want will display on the page.
  • Count slides - Here you can select the count of the sliders, which you want will display on the page.
  • Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

• Landing split.
  • Image original size  - Here you can select the size of the images.
  • Select Categories - Here you can select the categories, which will display on the page.
  • Order by - Here you can select how to sort retrieved posts.
  • Sort order - Here you can select ascending or descending order.
  • Count items - Here you can select the count of the items, which you want will display on the page.
  • Additionally button - Here you can add the additional button.
  • Button style - Here you can select the style of the button.
  • Additional button style - Here you can addd the style to the additional button.
  • Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

• Split slider.
  • Image original size  - Here you can select the size of the images.
  • Select Categories - Here you can select the categories, which will display on the page.
  • Order by - Here you can select how to sort retrieved posts.
  • Sort order - Here you can select ascending or descending order.
  • Count items - Here you can select the count of the items, which you want will display on the page.
  • Background color 1 - Here you can add the background color.
  • Background color 2 - Here you can add the background color.
  • Background color 3 - Here you can add the background color.
  • Background color 4 - Here you can add the background color.
  • Button style - Here you can select the style of the button.
  • Open link in a new tab? - Here you can enable the option, which will open the portfolio element in the new tab.

20. Disortion Gallery shortcode

 Parent parameters:

• Style - Here you can add the image.

21. Post Slider shortcode

 Parent parameters:

• Select Categories - Here you can select from which categories will display the posts.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Count items  - Here you can select the count of the posts which will display on the page.
• Autoplay (sec) - Here you can select the time (sec) when your images start to switch.
• Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will move.
• Count of slides for large desktop - Here you can select the count of slides for the device.
• Count of slides for middle desktop - Here you can select the count of slides for the device.
• Count of slides for tablet - Here you can select the count of slides for the device.
• Count of slides for mobile - Here you can select the count of slides for the device.
• Background Text - Here you can add the text on the background.

22. Team shortcode

 Parent parameters:

• Slider modern.
  • Autoplay (sec) - Here you can select the time (sec) when your images start to switch.
  • Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will move.
  • Loop - Images start to repeat at the end.
  • Count of slides for large desktop - Here you can select the count of slides for the device.
  • Count of slides for middle desktop - Here you can select the count of slides for the device.
  • Count of slides for tablet - Here you can select the count of slides for the device.
  • Count of slides for mobile - Here you can select the count of slides for the device.
  • Team members.
    • Photo - Here you can add the image member of the team.
    • Name  - Here you can add the name member of the team.
    • Position - Here you can add the position member of the team.
  • Socials.
  • Select icon - Here you can select the icon for the social item.
  • URL - Here you canenter the social link.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Slider classic.
  • Autoplay (sec) - Here you can select the time (sec) when your images start to switch.
  • Speed (milliseconds) - Here you can select the time of the speed animation(milliseconds), how your images will move.
  • Loop - Images start to repeat at the end.
  • Count of slides for large desktop - Here you can select the count of slides for the device.
  • Count of slides for middle desktop - Here you can select the count of slides for the device.
  • Count of slides for tablet - Here you can select the count of slides for the device.
  • Count of slides for mobile - Here you can select the count of slides for the device.

• Team members.
  • Photo - Here you can add the image member of the team.
• Modern inline.
• Team members.
  • Photo - Here you can add the image member of the team.
  • Name  - Here you can add the name member of the team.
  • Position - Here you can add the position member of the team.
• Socials.
• Select icon - Here you can select the icon for the social item.
• URL - Here you canenter the social link.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Inline.
  • Team members.
    • Photo - Here you can add the image member of the team.
    • Name  - Here you can add the name member of the team.
    • Position - Here you can add the position member of the team.
  • Socials.
  • Select icon - Here you can select the icon for the social item.
  • URL - Here you canenter the social link.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

• Inline classic.
  • Team members.
    • Photo - Here you can add the image member of the team.
    • Name  - Here you can add the name member of the team.
    • Position - Here you can add the position member of the team.
  • Socials.
  • Select icon - Here you can select the icon for the social item.
  • URL - Here you canenter the social link.
  • Background Text - Here you can add the text on the background.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

23. Call to action shortcode

 Parent parameters:

• Style - Here you can select the style of this shortcode which you want to use on your site.
• Dafault.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • Subtitle - There you can add the title.
  • First Gradient Color - Here you can select the color for the gradient.
  • Second Gradient Color - Here you can select the color for the gradient.
  • Background Image - Here you can add the image on the background.
  • Text - Here  you can add the text.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Modern.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • First Gradient Color - Here you can select the color for the gradient.
  • Second Gradient Color - Here you can select the color for the gradient.
  • Image - Here you can add the image.
  • Background Image - Here you can add the image on the background.
  • Text - Here  you can add the text.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Classic.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • First Gradient Color - Here you can select the color for the gradient.
  • Second Gradient Color - Here you can select the color for the gradient.
  • Background Image - Here you can add the image on the background.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Parallax.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the subtitle.
  • Background Image - Here you can add the image on the background.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

• Classic with form.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • Subtitle - There you can add the title.
  • Cnange color for subtitle - Here you can select the color for the subtitle.
  • Contact form - Here you can add the form ID from shortcode Contact Form 7 Plugin.
  • Form style - Here you can select thestyle for your form.

• Modern with form.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • Subtitle - There you can add the title.
  • Cnange color for subtitle - Here you can select the color for the subtitle.
  • Contact form - Here you can add the form ID from shortcode Contact Form 7 Plugin.

• Simple.
  • Title - There you can add the title.
  • Change  color for title - Here you can select the color for the title.
  • Subtitle - There you can add the title.
  • Background Image - Here you can add the image on the background.
  • Image - Here you can add the image.
  • Button style - Here you can select the style of the button.
  • Button - Here you can add the URL with the title.

24. Instagram shortcode

 Parent parameters:

• Style - There you can select the style of this shortcode which you want to use on your site.
• Big gallery style.
  • Username - Here you can add your username. Please, also add the access token of your Instagram account in Theme Options
  • Count images - Here you can select the count of the images, which will display on the page. Max count is 12. For a larger number, please, add the access token of your Instagram account in Theme Options.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.
• List style.
• Username - Here you can add your username. Please, also add the access token of your Instagram account in Theme Options
• Count images - Here you can select the count of the images, which will display on the page. Max count is 12. For a larger number, please, add the access token of your Instagram account in Theme Options.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

25. Physics banner shortcode

 Parent parameters:

• Title color - Here you can select the color for thetitle.
• Subtitle color - Here you can select the color for the subtitle.
• Animation color - Here you can select the color for the animation.
• Animation color 2 - Here you can select the color for the animation.
• Background color - Here you can select the color for the background.
• Button - Here you can add the URL with the title.
• Style - Here you can select the style of the button.

26. Video button shortcode

 Parent parameters:

• Video link - Here you can add the link of the video.
• Background image - Here you can add the image to the background.
• Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.

27. Services list shortcode

 Parent parameters:

• Select Categories - Here you can select from which categories will display the posts.
• Enable Link to Detail Page - Here you can enable the link to the detail page.
• Order by - Here you can select how to sort retrieved posts.
• Sort order - Here you can select ascending or descending order.
• Count items  - Here you can select the count of the posts which will display on the page.
• Count of slides for desktop - Here you can select the count of slides for the device.
• Count of slides for tablet - Here you can select the count of slides for the device.

28. Testimonials shortcode

 Parent parameters:

• Modern sider.
  • Main title - Here you can add the title.
  • Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
  • Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
  • Loop  - Images start to repeat at the end.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

• Left align slider.
  • Change color for text - Here you can select the color for the text.
  • Change color for name - Here you can change the color of the name.
  • Change color for position - Here you can change the color of the position.
  • Change color for pagination - Here you can change the color of the pagination.
  • Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
  • Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
  • Loop -  Images start to repeat at the end.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

• Classic slider.
  • Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
  • Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
  • Loop -  Images start to repeat at the end.
  • Count of slides for large desktop - Here you can select the count of slides.Only numbers. By default is 4.
  • Count of slides for middle desktop -  Here you can select the count of slides.Only numbers. By default is 3.
  • Count of slides for tablet -  Here you can select the count of slides.Only numbers. By default is 2.
  • Count of slides for mobile -  Here you can select the count of slides.Only numbers. By default is 1.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

• Classic full slider.
  • Autoplay (sec) - Here you can select the time (sec) when your slides start to switch.
  • Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
  • Loop -  Images start to repeat at the end.
  • Count of slides for desktop - Here you can select the count of slides for the device.
  • Count of slides for tablet -  Here you can select the count of slides for the device.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

Child parameters:

• Image - There you can add the image of the testimonial.
• Stars - There you can add the stars.
• Content - There you can add the content of the testimonial.
• Author's name - There you can add the name.
• Position - There you can add the position.

29. Yuk Gallery shortcode

 Parent parameters:

• Type Gallery.
• Fullscreen with thumbnail.
  • Images - Here you can upload the your own images.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.

• Modern Slider.
  • Images - Here you can upload the your own images.
  • Speed (milliseconds) - Here you can select the time of the animation speed, how your slides will move.
  • Extra class name - If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your CSS file.