Overview of the theme, its contents, and how to get started with the theme.
by Pixelwars
Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, you can sign in to our support forums with your Item Purchase Code. And please rate the theme on ThemeForest if you liked it. Thanks so much!
- Pixelwars Team
Any questions that are beyond the scope of this help file, use support forums.
Follow us on ThemeForest and don't miss new upcoming premium themes.
If you liked the theme you can rate it on ThemeForest in your downloads menu.
We assume you have basic knowledge of WordPress. In this doc you will learn how to setup, use and customize the theme.
Note: This theme uses custom image sizes. If you have images in your Media Library, run Regenerate Thumbnails plugin once. Install and activate the plugin then go to Tools > Regenerate Thumbnails.
This theme has custom widgets.
Use the Help tab in the upper right of your screen for more information.
This theme has custom page templates you can use for certain pages that have additional features or custom layouts. You can see them in the Template dropdown menu in Page Attributes box.
Select from Format box in the editing screen.
JOHN: Hey there MARY: Aye, matey! JOHN: Huh?
Create a gallery from the "Add Media" button. Make your gallery grid or slider from Gallery Type box in the editing screen.
Use [quote] shortcode.
Example:
[quote align="" name=""]Text here.[/quote] align="" ... alignleft, alignright
Activate the slider from Theme Options > Main Slider > Activate.
Main Slider shows sticky posts.
Go to: Posts > Add New.
Set featured image.
Edit visibility options to make sticky post.
Publish your post.
This theme uses custom image sizes. If you have images in your Media Library, run Regenerate Thumbnails plugin once.
Use shortcode generator to add shortcodes. Click the "Insert Shortcode" button from the content editor.
[row] Column shortcode here. [/row] [column width=""] Content here. [/column] width="" ... 1 to 12. (required). 12 = 100%, 6 = 50%, 3 = 25%. width_xs="" ... 1 to 12. (optional). Extra small devices - Phones (<768px). width_md="" ... 1 to 12. (optional). Medium devices - Desktops (≥992px). width_lg="" ... 1 to 12. (optional). Large devices - Desktops (≥1200px). Example 1: (Two Columns) [row] [column width="6"] Content here. [/column] [column width="6"] Content here. [/column] [/row] Example 2: (Three Columns) [row] [column width="4"] Content here. [/column] [column width="4"] Content here. [/column] [column width="4"] Content here. [/column] [/row] Example 3: (Four Columns) [row] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [column width="3"] Content here. [/column] [/row]
[button text="" url="" new_tab="" size="" icon=""] new_tab="" ... yes size="" ... big icon="" ... See Icons section. Example: [button text="My Button" url="http://www.example.com"]
[social_icon type="" same_tab="" url=""] [social_icon type="" same_tab="" url=""] [social_icon type="" same_tab="" url=""] same_tab="" ... yes type="" ... facebook, twitter, linkedin, google-plus, snapchat, pinterest, github, behance, dribbble, instagram, lastfm, vimeo, forrst, skype, picasa, youtube, flickr, tumblr, blogger, delicious, digg, friendfeed, wordpress, foursquare, xing, soundcloud, slideshare, fivehundredpx, weibo, stack-overflow, vine, vkontakte, email, rss Note: You can use your site's feed url for the rss icon: http://www.yoursite.com/feed/ Example 1: [social_icon type="facebook" url="https://www.facebook.com/username"] [social_icon type="twitter" url="https://twitter.com/username"] Example 2: [social_icon type="facebook" same_tab="yes" url="https://www.facebook.com/username"] [social_icon type="twitter" same_tab="yes" url="https://twitter.com/username"]
[contact_form captcha="" to="" subject=""] to="" ... Your email address. captcha="yes" Example: [contact_form to="yourname@example.com" subject="New Message from My Site"]
[alert type=""]Text here.[/alert] type="" ... success, error. Example 1: [alert]My alert text.[/alert] Example 2: [alert type="success"]My alert text.[/alert] Example 3: [alert type="error"]My alert text.[/alert]
[tab_wrap titles="" active=""] [tab]Text here.[/tab] [tab]Text here.[/tab] [tab]Text here.[/tab] [/tab_wrap] titles="" ... Separate with commas. Example: [tab_wrap titles="Tab One,Tab Two,Tab Three"] [tab] Tab one text here. [/tab] [tab] Tab two text here. [/tab] [tab] Tab three text here. [/tab] [/tab_wrap]
[accordion_wrap] [accordion title=""]Text here.[/accordion] [accordion title=""]Text here.[/accordion] [accordion title=""]Text here.[/accordion] [/accordion_wrap]
[toggle_wrap] [toggle title=""]Text here.[/toggle] [toggle title=""]Text here.[/toggle] [toggle title=""]Text here.[/toggle] [/toggle_wrap]
[quote align="" name=""]Text here.[/quote] align="" ... alignleft, alignright
[drop_cap]Text here.[/drop_cap]
[timeline] [event_group_title icon="" text=""] [event current="" date="" title="" sub_title=""]Text here.[/event] [event current="" date="" title="" sub_title=""]Text here.[/event] [event current="" date="" title="" sub_title=""]Text here.[/event] [/timeline] icon="" ... See Icons section. current="" ... current
[skill title="Fireworks" percent="90"] [skill title="Photoshop" percent="70"] [skill title="Illustrator" percent="50"]
[testimonial image="" title="" sub_title=""]Description text here.[/testimonial] [testimonial image="" title="" sub_title=""]Description text here.[/testimonial] [testimonial image="" title="" sub_title=""]Description text here.[/testimonial] title="" ... Person's name. sub_title="" ... Person's job. image="" ... An image url. Upload your image to your Media Library, then copy its url and use in this parameter.
Available icons here. Select your icon from the list. Don't use the prefix pw-icon-. Only use icon name for the icon="" parameter of the shortcodes.
This theme has a settings panel for customization. You can upload an image logo from the theme options.
This theme supports the live theme customizer. You can change fonts and colors of your site from the customizer.
This theme is ready for localization. We have made every string translatable, use a plugin or Poedit editor.
Note: The translation files are located under languages folder in the theme folder.
Before you update, it is best practice to always make a backup of your theme folder.
Download the new theme package from your ThemeForest account.
The theme is under "Theme" folder in the package.
Choose to upload the theme via WordPress or via FTP.
There are two ways of getting files onto your site, and once there, changing them.