Contact the Support

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Through Dashboard

  • Log in to the WordPress Dashboard.
  • Go to Appearance->Themes.
  • Active SKT Tube themes.

Manual Installation using FTP

  • Unzip skt-tube.zip to your Desktop.
  • Using an FTP client to access your host web server. Go to /wp-content/themes/
  • Upload theme to /wp-content/themes/.
  • Go to Appearance->Themes and activate theme from Dashboard.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to import demo content?

Note: All the required plugins for this theme must be installed and activated before importing demo content.

  • Go to Tools -> Import
  • Install and run WordPress importer.
  • Download demo content zip or get the file from demo-content folder included in theme's zip.
  • Right click on skt-tube.zip extract and import xml file demo data
  • Click on browse, select XML file and click on Upload file and import.
  • You will be asked to map the authors in this export file to users on your website. For each author, you may choose to map to an existing user on your website or to create a new user.
  • You will then have the choice to import attachments, so click on the "Download and import file attachments" box.
  • Please be patient while WordPress imports all the content. Posts, Pages, Products, and Menus are imported. You will need assign the menu a theme location & you’ll need to configure widgets. This is a limitation of WordPress import system.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to Set up Home Page?

  • WordPress Admin -> Appearance -> Customize -> FRONT PAGE -> STATIC FRONTPAGE -> Your Latest Posts

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to Manage Slider?

  • Click here to Download slider xml zip file.
  • After download skt-tube-slides.zip extract it.
  • After extract skt-tube-slides.zip you got skt-tube-slides.xml than click on "SKT Tube Slider" in bottom left navigation and click on "Import/Export".
  • Note: If you get error "invalid xml file" on time import slider so add below code in "wp-config.php" save file and again import file.

  • In wp-config.php at top of file add following code : define('ALLOW_UNFILTERED_UPLOADS', true);
  • After Sucessfullly imported xml click on "Manage Sliders"
  • From Manage Slider Page Copy Shortcode. and put in custom slider box.
  • Than click on Appearance -> Customize -> FRONT PAGE -> SLIDER

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to Manage Home Sections ?

  • Go to WordPress Dashboard -> Pages
  • Open home page and click on Edit with Elements Builder button.
  • Note: Home page is based on Elements Page Builder, click here to know more.

    How to reuse Home Sections

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to make translate ready ?

  • First Install Plugin qTranslate X from WordPress plugin.
  • Used following code for making text translate ready : [:en]English Text[:de]Deutsch Text[:]
  • Viewing in Dutch used website url : http://www.yourwebsiteurl.com/de/
  • Viewing in English used website url : http://www.yourwebsiteurl.com/en/
  • Check below screen shot for making slider translation ready.

  • Dutch Translated
    English Translated

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How to set up Navigation?

  • Below steps will guide you how to set up header or top navigation.
  • Kindly go to Appearance -> Menu -> Before moving on you have to create primary menu first and set theme location to primary menu please see the below screenshot

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Customize Basic Options

  • Click on Appearance>Customize>Basic
  • Basic
    • SITE LAYOUT
    • Site Layout Boxed
    • COLORS OPTIONS
    • Managed Following Under Color Options:
    • Site Background Color
      Site Background Image
      Site content Text Color
      Other Elements Background
      Other Elements Text Color
      Default Anchor Color
      Default Anchor Hover Color
      H1, H2, H3, H4, H5, H6 Color
      H1, H2, H3, H4, H5, H6 Hover Color
      Team Box Background Color
      Social Icon Bgcolor
      Social Icon Hover Bgcolor
      Testimonial Box Bgcolor
      Testimonial Pager Color
      Testimonial Active Pager Color
      Gallery Active Filter Bgcolor
      Skills Bar Background Color
      Skills Bar Text Color
      Post Title Color
      Sidebar Widgets Background Color
      Sidebar Widget Title Color
      Sidebar Widget Text Color
      Sidebar Widget Link Color
    • FONT TYPOGRAPHY
    • Managed Following Under Font Typography:
    • Site Content Font [family, subsets, size]
      H1, H2, H3, H4, H5, H6 [family, subsets, size]
      Turn All Headings to Uppercase
    • CUSTOM CSS
    • SITE IDENTITY

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Customize Header Options

  • Click on Appearance>Customize>Header
  • Header
    • HEADER
    • We also use widget for top right and top left instead of customize header option.
    • SITE TITLE
    • SITE LOGO
    • HEADER LAYOUT

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Inner Page & Posts Header

  • First on custom field option from page & posts edit screen. if it is not on.
  • Add embeded map, shortcode Or any video code in header instead of feauted image page & post header. create custom field with name "headercode" and put code in custom box.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Customize Footer Options

  • Click on Appearance>Customize>Footer
  • Footer
    • FOOTER STYLE
    • FOOTER INFO BOX
    • FOOTER COLUMNS
    • We also use widget for each footer columns instead of customize footer columns options.
    • COPYRIGHT AREA

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Customize Post & Page Options

  • Click on Appearance>Customize>Post & Page
  • Post & Page
    • POSTS SETTINGS
    • SINGLE POST LAYOUT
    • PAGE HEADER SETTINGS
    • Page Header With Featured Image
    • If page have not assign featured image. so from page header settings have set background color or background image for header. also there is have hide page header option for hide header.
    • BLOG PAGE SETTINGS
    • CONTACT PAGE SETTINGS

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Customize Section Buttons

  • Click on Appearance>Customize>Sections Buttons
    • SECTION BLOCKS BUTTON

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Page Templates

  • Default Template
    • Helps in setting up the content on any page with Right Sidebar
  • Page Left Sidebar
    • Helps in setting up the content on any page with Left Sidebar
  • Page No Sidebar
    • Helps in setting up the content on any page No Sidebar
  • Page Full Width
    • Helps in setting up the content on any page without Sidebar
  • Contact Layout1 & Contact Layout2
    • Select page template for set contact page layout.
  • Testimonials
    • Select testimonials template for showing all testimonials.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Set up Testimonials page

  • Set up by using Page Template:

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How To Manage Our Team Section

  • Our Team Shortcodes: [ourteam col="3" show="3" excerptlength="25"]
  • Paste this shortcodes where(page or posts) you want team section in the shortcode area of elementor.
  • How to set team member see screenshot below
  • Go to Dashboard find Our Team
  • Click on add new button, enter team member name(title), Description and set featured images for thumbnail
  • All images size(dimenation) should be same in vertical(exa.370px/250px)
  • See Video Documentation for Details

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

How To Manage Video Gallery Section

  • Video Carousel Shortcode : [video-carousel playtext="Watch Videos"]
  • Video Shortcode 2 : [newestvideos show="4" cat="newest"]
  • Video Shortcode 3 : [featured-video-carousel]
  • Go to Dashboard find Video Gallery
  • Click on add new button (Image / Video), enter title, Video URL and set featured images for thumbnail
  • All images size(dimenation) should be same in vertical(exa.370px/250px)

How To Manage Photo Gallery Section

  • Photo Gallery Shortcodes1: [photogallery filter="true"]
  • Photo Gallery Shortcodes2: [gallery-carousel]
  • Paste this shortcodes where(page or posts) you want gallery section
  • Go to Dashboard find Photo Gallery
  • Click on add new button (Image / Video), enter title, Video URL and set featured images for thumbnail
  • All images size(dimenation) should be same in vertical(exa.370px/250px)
  • See Video Documentation for Details

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Set up Contact page

  • Set up by using Page Template:

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Set up Blog page

  • Set up by using Page Template Blog on any page to show blog posts
  • Blog Full Width, Blog Left Sidebar, Blog No Sidebar, Blog Right Sidebar page templates

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Set up Sidebar

  • Go to Appearance->Widgets->Page Sidebar
  • Go to Appearance->Widgets->Blog Sidebar
  • Drag and Drop anythings you want also text widget drag and drop write thire anythings you want.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Disable Page Comments

  • All you need to do is go to that page after Log into WordPress dashboard. Scroll down and check the section: Discussion (if not able to see check above Screen Options to show Comments).
  • Uncheck the box: Allow Comments and click on Update.
  • If you want to remove comments sidewide on Pages use this plugin: “Disable Comments” https://wordpress.org/plugins/disable-comments/

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Setting up Shop

  • Go to Plugins -> Add New in the WordPress Admin panel
  • Type WooCommerce is search box and click on search button
  • Install and then Activate the plugin.
  • It will ask whether to set up default pages. Kindly click on setting up default pages of the WooCommerce
  • That’s it now you can go to shop page and check the default product.

SKT Tube - Responsive WordPress Theme

By SKT Themes - www.sktthemes.org

Shortcodes

  • Testimonial Rotator:
  • [testimonials-rotator show="3"]
  • Testimonial Box:
  • [testimonials-box col="1" show="3"]
  • [testimonials-box col="2" show="3"]
  • [testimonials-box col="3" show="3"]
  • [testimonials-box col="4" show="3"]
  • Our Team:
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • col="4" means four columns in a single row and show="3" means number of team member show.
  • [ourteam col="4" show="4" excerptlength="10"]
  • [ourteam col="3" show="3" excerptlength="10"]
  • [ourteam col="2" show="2" excerptlength="10"]
  • [ourteam col="1" show="1" excerptlength="10"]
  • Clear:
  • [clear]
  • Photo Gallery:
  • [photogallery filter="true"]
  • Show Without Filters Use Shortcode : [photogallery filter="false"]
  • Photo Gallery Carousel:
  • [gallery-carousel]
  • Recent Posts:
  • [posts-style1 show="4" cat="1" excerptlength="24"]
  • [posts-style2 show="2" cat="1" excerptlength="24"]
  • [posts-style3 show="4" cat=""]
  • [posts-style4 show="3" cat="" excerptlength="30"]
  • Above listed two types of posts style shortcode.
  • [posts-style1 show="4" cat="1" excerptlength="24"] "show=4" means display four posts if you want to display 6 or 8 or etc. so just change show=6 or show=8. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • [posts-style2 show="2" cat="1" excerptlength="24"] "show=2" means display two posts if you want to display 4 or 6 or etc. so just change show=4 or show=6. and "excerptlength=24" set box character length. and "cat=1" ID of display posts category
  • Post Timeline:
  • [posts-timeline show="4" cat="1" excerptlength="24"]
  • Post Grid:
  • [posts-grid show="4" cat="1" excerptlength="24"]
  • Skill:
  • [skill title="HTML" percent="80" bgcolor="#a0ce4e"][skill title="Wordpress" percent="99" bgcolor="#a0ce4e"][skill title="Web Design" percent="90" bgcolor="#a0ce4e"][skill title="Web Development" percent="95" bgcolor="#a0ce4e"][skill title="Responsive" percent="85" bgcolor="#a0ce4e"]
  • Clients
  • [client url="#" image="image url"]
  • Social Icons
  • [social_area] [social icon="facebook" link="#"] [social icon="twitter" link="#"] [social icon="google-plus" link="#"] [social icon="linkedin" link="#"] [social icon="pinterest" link="#"] [/social_area]
  • Flip Box
  • Horizontal Flip:
    [flipbox fliptype="h" frontimage="http://www.yoursite.com/wp-content/themes/perfect/images/model-429733_640.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read More"]
  • Vertical Flip:
    [flipbox fliptype="v" frontimage="http://www.yoursite.com/wp-content/themes/perfect/images/person-822552_1280.jpg" fronttitle="The Front Title" frontdescription="Some Lorem Content Description Goes Here" backtitle="The Back Title" backdescription="This is the back description for testing purpose will added some dummy description text. This is the back description for testing purpose will added some dummy description text.This is the back description for testing purpose will added some dummy description text." backurl="#" backbutton="Read Now"]
  • Dividers:
  • [divider style="divider1"]
  • [divider style="divider2"]
  • [divider style="divider3"]
  • [divider style="divider4"]
  • [divider style="divider5"]
  • [divider style="divider6"]
  • [headingdivider text="Heading Title"]
  • Promotion Box:
  • [promobox1 bgcolor="#f7f7f7" topbordercolor="#a0ce4e" otherbordercolor="#e8e6e6"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox1]
  • [promobox2 bgcolor="#f7f7f7" leftbordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox2]
  • [promobox3 bgcolor="#f7f7f7" bottombordercolor="#a0ce4e" button="Hello Text" url="#"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox3]
  • [promobox4 bgcolor="#f7f7f7" bordercolor="#a0ce4e"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/promobox4]
  • [squarebox image="image" title="title" url="#" target="blank"]
  • [ourteamexpanded show="4"]
  • [perfectbox image="image" title="title" description="description" url="#" target="blank"]
  • [blockbox url="url" image="image" title="title" titlecolor="titlecolor" target="self"]
  • [titlearea align="center left right" title="LATEST NEWS" titlelast="" subtitle="FROM THE BLOG" titlecolor="#282828" titlelastcolor="" seperatorcolor="transparent"]
  • [readmore align="center" icon="" button="VIEW ALL NEWS" links="#" margintop="8%" target="_parent" color="#ffffff" bgcolor="#ff4e00"]
  • [headingseperator text="text"]
  • [boxthumb name="name" url="#" image="image" target="blank"]
  • Column Shortcodes:
  • Two Columns:
  • [row] [columns size="1/2"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/2"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [/row]
  • Three Columns:
  • [row] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [columns size="1/3"]

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut commodo congue laoreet. Nullam cursus pretium nulla

    [/columns] [/row]
  • For Other columns size like 4, 5, 6, 7, 8, 9, or 10 just change size in shortcode for four columns: size="1/4", for five columns: size="1/5", for six columns: size="1/6", for seven columns: size="1/7" , for eight columns: size="1/8", for nine columns: size="1/9", for ten columns: size="1/10"
  • Columns Padding:
  • You can also set padding of columns with following shortcodes:
  • [row] [columns size="1/2" toppadding="10px" bottompadding="10px" rightpadding="10px" leftpadding="10px"] [/columns] [/row]
  • Change Padding px As per your settings.