You can see the complete process on how to install ZurApp in this short video:

Step 1. Install and activate theme

Before installing the theme you need to download installable files. On ThemeForest go to your Profile > Downloads. Then find theme in the list and download "Installable WordPress file only" to get only a theme. Alternatively you can download "All files & documentation" if you need all package, including the demo, documentation, etc.

You need only "zurapp.zip" file to install a theme. So, if you download all files please extract the archive somewhere locally on your machine and find file "zurapp.zip". This is a theme itself.

Finally how to install a theme:

  1. Log in to the WordPress Administration Panels
  2. Select the Appearance, then Themes
  3. Click Add New
  4. Then click Upload Theme
  5. Select the "zurapp.zip" file and press "Install Now"
  6. After installing a theme, roll over the theme thumbnail and click the Activate button.

For more information about using themes visit the WordPress Codex.

Step 2. Install and activate required plugins

After activating a theme TGM should notify you about required and recommended plugins:

TGM Step 1

ZurApp requires plugins:

  • ZurApp Core: theme core functionality (CPTs and shortcodes).
  • Visual Composer: combine pages with flexible grid and shortcodes.
  • Equip: theme meta boxes.
  • Redux Framework: theme options.

To install plugins just click the "Begin installing plugins" link. Then check all plugins or just required, select Install in the dropdown menu and press "Apply" button.

TGM Step 2

Sometimes problems can occur with the installation because of permissions, depending on your server configuration. To solve the problem you may temporary set the permissions recursively on your /wp-content and sub-folders to 777. But this is not safety, so do not forget to back permissions to 755. For more information please visit the codex.

If changing permissions did not help and you still have issues with automatic plugin installation try to install them manually. You can find bundled plugins in theme's /plugins sub-directory. You should extract plugins from the archives and upload them, e.g. through FTP to /wp-content/plugins/ directory.

Redux, Contact Form 7 and Breadcrumb NavXT you can find and install from WordPress plugins repository.

Read more in codex about managing plugins.

Step 3. Import demo content

After installing a theme and all plugins go to Appearance > Demo Import. Scroll page down, select a skin and click Import. This process can take 1-5 minutes.

Note!

  • Import process requires all plugins, required and recommended, to be installed and activated to avoid problems with import.
  • Real photos used in our live demo will not be imported due to copyright / license restrictions. Placeholders will be used instead.
  • All existing widgets will be overwritten.
  • Instagram widget also will be omitted due to private API keys settings.

We recommend to run importer on clean WordPress installation. You can use WordPress Database Reset plugin to quickly reset your WordPress installation.

You can find WordPress native xml file in the archive with all files inside the "Demo.zip" archive. ZurApp Core and Contact Form 7 plugins should be installed to avoid importing unknown post types.

ZurApp allows to switch theme skins.

Theme Skins
  1. Log in to the WordPress Administration Panels.
  2. Click the "ZurApp Skins" panel.
  3. Choose the preferred skin and click button "Change skin".

As almost every element in ZurApp theme are cached you may not notice changes on skin switching. Read section about caching in theme.

Please note: When you change the skin all your theme options will be restored to defaults. So, be prepared to loose your progress.

  1. Log in to the WordPress Administration Panels.
  2. Click the "ZurApp" panel.

Here you can find:

Global Settings

Global Settings

Choose a theme skin, setup the favicon, breadcrumbs, social sharing, scroll to top button, preloader, etc.

Global Colors

Global Colors

Set colors that are globally applied everywhere in the theme.

Typography

Typography

Google Fonts, Font Families and general typography.

Header

Header

Globally customize the site header. Upload logos (you may upload two different logos and select what logo you want to see on each page, of course, which you can create through WordPress), choose the animation for the primary menu, enable / disable the "sticky" effect, set up the toolbar.

Blog

Blog

Here you can set up the blog layout, change the "Read More" text and enable / disable sharing buttons.

Misc

Misc

In this panel you can set up the layout for Archive and Search page.

404 Settings

404 Settings

Customize the 404 page.

Page Settings

Equip plugin should be installed and activated to make meta boxes works.

for pages...

Page Settings
Name Default Description
Header Type Page Title This option lets you control how the header of the particular page will look like.

Possible options:

  • None: hide page title, but adds a space to prevent the content overlap.
  • None with header overlap: hide page title, the content will be "under" the navbar.
  • Page Title: default page title
  • App Intro: choose the one from previously created App Intro sliders. See the example.
  • Device Slider: choose the one from previously created Device Sliders.
    See the example.
Use Featured Image as Background? No This option let you show your Featured Image as post title background. Of course Featured Image should be selected.

Allowed only if Page Title is enabled.
Page title skin Dark This option may be helpful if you have a dark background image or vice versa. Default is "Dark". This option change the color or title and breadcrumbs.

Allowed only if Page Title is enabled.
Page title alignment Center Choose the alignment from possible options: left, center or right.

Allowed only if Page Title is enabled.
Navbar skin Dark Affects the navigation bar. May be useful for dark backgrounds or vice versa.
Choose logo Default This option may be helpful if logo merged with the selected background image. Note that you should upload both logos in Theme Options first.
App Intro Slider Choose one of previously created App Intro Sliders. Allowed only if App Intro is enabled as a header type.
Device Slider Choose one of previously created sliders in Device Sliders. Allowed only if Device Slider is enabled as a header type.

for posts...

Post Settings
Name Default Description
Post Layout Right Sidebar Select the position of the sidebar. Possible options: Right, Left or No sidebar. Last option will completely disable the sidebar and alight the content.
Use Featured Image as Background? No This option let you show your Featured Image as post title background. Of course Featured Image should be selected.
Page title skin Dark This option may be helpful if you have a dark background image or vice versa. Default is "Dark". This option change the color or title.
Page title alignment Center Choose the alignment from possible options: left, center or right.
Navbar skin Dark Affects the navigation bar. May be useful for dark backgrounds or vice versa.
Choose logo Default This option may be helpful if logo merged with the selected background image. Note that you should upload both logos in Theme Options first.

Theme Cache

Performance was one of our priorities during theme development. We cached almost every element: theme options, widgets, shortcodes, etc. The cache lifetime is 24 hours. Most of the time you will not have any problem with the cache, because we can flush cache automatically: when you save or reset theme options, or update widget options, or update post. Even when you change categories or tags! There is only one weak point - shortcode.

Frequent issue in support is when user update post, but content on the site not changed. This post is showing up with the shortcode. Due to the nature of shortcodes we can't flush cache automatically when you save the post. Because the cache keys for shortcodes are based on shortcode attributes.

Also frequent issue is when the old content appears when you change shortcode attributes. Remember that cache lives 24 hours? This happens because the cache still exists for chosen set of attribute values.

Before version 1.2.0 workaround was to change the shortcode attributes and "Custom class" is the safest because this won't affect the frontend (of course, if this class not present in CSS). In version 1.2.0 we add a new section to Theme Options to control the cache behaviour.

Cache

There are only one setting there yet, but we planning to add more in our future updates. NOTE: this option will not flush the cache. This option tells not to use cache. You still should wait 24 hours for cache expiring.

Alternatively you can use Transients Manager plugin to manage all transients manually. If you use persistent caching servers, like Memcached or Redis, I suppose you should know how to flush the cache. For example

Excerpts

Always fill in the excerpt field if you are using the Visual Composer for posts. See how to add excerpt.

You can manage widgets in Widgets Screen. If you are not familiar with widgets, read the codex first.

  1. Log in to the WordPress Administration Panels.
  2. Select the Appearance panel, then Widgets.

Categories

Categories

Our implementation of default "Categories" widget.

Name Description
Title Widget title
Number How many items to show?
Order by Sort categories alphabetically, by unique Category ID, or by the count of posts in that Category.
Order Sort order for categories (either ascending or descending). The default is ascending.
Show post counts Toggles the display of the current count of posts in each category.
Show hierarchy Display sub-categories as inner list items or inline.

Tags

Tags

Our implementation of default "Tag Cloud" widget.

Name Description
Title Widget title
Number How many items to show?
Order by Sort tags alphabetically, by unique ID, or by the count of posts which particular tag is applied to.
Order Sort order for tags (either ascending or descending). The default is ascending.

Instagram Feed

Instagram Feed
Name Description
Title Widget title
Number How many media items to show?
Access token See How to generate an Instagram Access Token.

Please note Instagram Access Token has life cycle and will expire some time in the future. This will result in widget not showing up on the page. In this case you need to follow the link below to generate new Access Token.

Recent Posts

Recent Posts

Our implementation of default "Recent Posts" widget.

Name Description
Title Widget title
Number Number of posts to show
Featured Image Enable or Disable the Featured Image for each post. Featured Image should be selected.

Recent Comments

Recent Comments

Our implementation of default "Recent Comments" widget.

Name Description
Title Widget title
Number Number of posts to show

App Intro

App Intro

This post type allows you to use App Intro Sliders. Each post is a new slider. You can customize the slider's cover page:

Name Default Description
Title Cover title
Description Cover page description. HTML is not allowed here.
Skin Dark Skin of the text. May be useful for dark backgrounds or vice versa.
Background Image Upload the custom image on the background instead of grey color.
Start Button This button activates a slider. You can customize button text, type, color and shape. For more info see the Button shortcode.
Enable Extra Button No Enable or disable the extra button. This button allows you to add any external link or use the smooth scrolling effect. See the Row shortcode for more info.
Extra Button You can customize button text, url, target, color, type and shape. For more info see the Button shortcode.

And, of course, slides. Each slide contains image, title and description. It required to upload image of 452x804px which is the double size of the image appeared inside the phone. This is done for high resolution screens like retina devices. Please note, if you upload the image of different size if will be hard cropped.

Note! You can add unlimited number of slides.

Device Slider

Device Slider

This post type allows you to use Device Sliders. Each post is a new slider. You can customize the gallery:

Name Default Description
Gallery Device Slider requires at least two images to work.

Note! This field is sortable!
Background Primary Choose the background type.

  • Primary: our brand color.
  • Custom Color
  • Image
Background Color Pick the color in the color picker.
Background Image Upload the custom background image.
Autoplay No Enable or disable auto play. By default is disabled.
Autoplay delay 4000 The delay between slides switching, in ms.
Background Image Upload the custom image on the background instead of grey color.
Loop the slider? No Enable or disable the slider loop mode.

For customizing cover page content you can use Visual Composer.

Scroll Slideshow

Scroll Slideshow

This post type allows you to use a Scroll Slideshow slider. Each post is a new slider. Unlike the App Intro and Device Slider, which you can integrate in any page in the Page Settings, this slider displayed as a single pages with its own template. Note than you can add a link to this pages to the menu.

Also, as slideshow acting like a single page, you have some Page Settings. You can customize the "Navbar skin" and choose the logo variant.

Featured Tabs

Featured Tabs

This post is useful for presenting features of your app. Each post is a new "tab". You can upload the image, add tab content and choose an animation to display the tab image.

Note! You can categorize each post and present different logically grouped features in any place with the Visual Composer and a Featured Tabs shortcode.

Team

Team

Post type for displaying your team. Each post is a new teammate. Each teammate tile has options:

Name Default Description
Avatar Teammate avatar. If avatar is missing the placeholder will be used instead.
Position Optional teammate position
About Here you can add a few words about the teammate.
Not allowed for Tron skin.
Thumbnail Shape Square Choose the shape from allowed: Square, Circle or Triangle.
Not allowed for Tron skin.
Socials A list of teammate social networks.

Team shortcode is responsible for displaying this post type.

Clients

Clients

Post type for presenting your clients. Each post is a new client. A single post has options:

Name Default Description
Preview Here you can upload an image. If preview is missing the placeholder will be used instead.
URL # Link to your client website.

Clients Carousel shortcode is responsible for displaying this post type.

Quotes

Quotes

A single post has options:

Name Default Description
Author Post title is used as an author of the quote.
Quote Textarea for the quote. strong, em, b, i, a and br HTML tags are allowed here.
Position Optional field for displaying the author position.

Quote Carousel shortcode is responsible for displaying this post type.

Gallery

Gallery

Images gallery, where each post is a single image. Note than this post type has categories. Which means you can create multiple galleries in different categories and display them on any page with Gallery shortcode.

Name Default Description
Title Post title is displayed in the popup.
Image The image itself. If missing the placeholder will be used instead.
Tile format Choose one of the allowed formats: Standard, Double Height or Double Width.

Pricings

Pricings

Pricing Plans, where each post is a single plan. Each plan has settings:

Name Default Description
Title Post title is a pricing plan name.
Description A short description of the plan.
Price A plan price. Here you can set the price and currency of your plan.
Popular No Add or remove a "Popular" badge in plan heading.
Add button? Yes Enable or disable extra button inside the plan tile.
Extra button Can be an anchored or external link to the full description or the checkout form. You can customize the button URL, target, text and color.

Pricings shortcode is responsible for displaying this post type.

Portfolio

Portfolio

Portfolio post type has categories taxonomy. Which means you can create multiple sets of works and present them on any page with Portfolio shortcode. Each post has options:

Name Default Description
Title Post title is displaying in portfolio tile on hover.
Cover Image This image will be used on the portfolio tile background.
Tile Format Standard Choose one of the allowed formats: Standard, Double Height or Double Width.

Also, as Portfolio acting like a single post, you have all Page Settings for posts, except the layout.

ZurApp use Visual Composer for combining pages. You can read more about how to use Visual Composer and its elements in the official documentation.

Row

Row is the main content element of Visual Composer. Rows are used to divide your page into the logic blocks with columns, columns later will hold your content blocks. Rows can be divided into the layouts (eg. 1/2 + 1/2, 1/3 + 1/3 + 1/3, and so on). Your page can have unlimited number of rows. To change row's position, click and drag row's drag handler (top left row's corner) and drag row around (vertical axis).

Name Default Description
Content Layout Boxed Possible values: Boxed or Full-width. If you select "Boxed" option your page section will be wrapped into the container. Full-width option will stretch your section to the width of the screen.
Angle None Add an angle to the row, possible positions: Top and Bottom. None will disabled the angle.

Note: not applicable for Tron skin.
Offset Top This option is about anchored navigation. It registers the offset of this element from the top of the window. Can be negative.
Parallax Disable Enable or disable parallax
Parallax Image None The image for parallax. To use this option "Parallax" should be enabled.
Row ID The ID attribute for page section. Can be used as a target for anchored navigation.

Note: this value should be unique per page.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Overlay
Color #444a59 Choose the color for the overlay.
Opacity 0 Overlay opacity. Enter value from 0 to 100%. Where 0 is fully transparent.
Design options
This tab allows you to customize the background color, background image, border and section offsets.

Button

Button

Just a button. For general purposes.

Name Default Description
General Tab
Button text Text on the button
Select URL URL picker. Set the URL, title and target.
Button size Normal Small or normal size.
Button color Default Default, Primary, etc.

Note: you can customize colors in Global Colors settings section.
Button type Solid Solid or ghost.
Button shape Pill Pill or rounded.
Full-width No If enabled, your button will be stretched to the width of column.
Alignment Inline Inline, Left, Center or Right.

Note: Left, center or right aligned buttons will be wrapped into <div>, so you won't be able to add a set of aligned buttons. Each button will be placed on new lines.
Icon No Enable or disable icon. This option will enable "Icon" tab, where you can select an icon from the given libraries and setup the icon's position.
CSS Animation No You can animate the appearance of your button, when if will be almost visible. Possible values are: Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

Note: it works only in modern browsers.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Icon Tab
Icon Library Font Awesome Select the library from allowed font icon packs.
Icon Choose an icon in the picker. Set of icons is based on the selected icon library.
Position Left Select the icon position: to the left or to the right of button text. Default is "Left".

Block Title

Block Title
Name Default Description
Main Title The main block title
Secondary Title The big one. Displaying on the background of main title.
Heading tag H2 H1-H3 HTML tags allowed.
Alignment Left Left, Center or Right.
Skin Dark Choose a light or dark skin. May be useful if block title is displayed on dark backgrounds or vice versa.
Make fancy? Yes Enabled the hover effect. Works in pair with Secondary title.
CSS Animation No You can animate the appearance of your button, when if will be almost visible. Possible values are: Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

Note: it works only in modern browsers.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Video Popup

Video Popup
Name Default Description
Link to video Supports YouTube and Vimeo.
Enable Label Enable Enable or disable the label. Will be displayed near the play button.
Label Label text.
Alignment Left Left, Center or Right.
Skin Dark Choose a light or dark skin. May be useful if element is displayed on dark backgrounds or vice versa.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Market Buttons

Market Buttons
Name Description
App Store Specify a link to App Store, target and title. Also you can modify "Download on" text.
Google Play Specify a link to Google Play, target and title. Also you can modify "Get it on" text.
Windows Store Specify a link to Windows Store, target and title. Also you can modify "Download on" text.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

App Store Button

App Store Button
Name Default Description
Link Specify a link to the App Store, target and title.
Upper line Download on the Change the upper line
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Google Play Button

Google Play Button
Name Default Description
Link Specify a link to the App Store, target and title.
Upper line Get it on Change the upper line
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Awards

Awards
Name Default Description
Award x3 For each award you can specify a link (url, target and title), which is required, title, subtitle, second subtitle and date.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Icon Box

Icon Box
Name Default Description
General Tab
Icon Library Font Awesome Select the library from allowed font icon packs.
Icon Choose an icon in the picker. Set of icons is based on the selected icon library.
Title No The title.
Text Any description.
Alignment Left Left, Center or Right.
Add button? No Enable or disable extra button. Enables the "Button" tab.
Note: Not available in Julia skin
CSS Animation No You can animate the appearance of your button, when if will be almost visible. Possible values are: Top to bottom, Bottom to top, Left to right, Right to left, Appear from center.

Note: it works only in modern browsers.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Button Tab
Button text Text on the button
Select URL URL picker. Set the URL, title and target.
Button size Normal Small or normal size.
Button color Default Default, Primary, etc.

Note: you can customize colors in Global Colors settings section.
Button type Solid Solid or ghost.
Button shape Pill Pill or rounded.
Button Extra class Add any class or class set, divided by whitespace, if you want to style particular element differently. Also, you can find a lot of useful helper classes here.

Note: in Julia skin should be wrapped to the Icon Box Row shortcode.

Note: Button is not available in Julia skin, so when you activate this skin all button params will disappear.

Icon Box Row

Icon Box Row

A wrapper for Icon Box shortcode. Available only in Julia skin.

Name Default Description
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Portfolio

Portfolio

Display the Portfolio CPT. Shortcode attributes:

Name Default Description
General
Data source Categories Select the source of portfolio items. You can choose from "Categories" or "IDs". Further you can specify the request depending on your choice in this field.
Categories This is an autocomplete field where you can add as many categories, assigned to portfolio items, as you want.

Note! This field is allowed only if you choose "Categories" in "Data source" select.
Exclude posts This field may be useful if you want to exclude some posts from the results. You should enter the title of post(s) you want to exclude and then select the post from autocomplete list.

Note! This field is allowed only if you choose "Categories" in "Data source" select.
Number of posts all This option is responsible for how many posts you will see on page load. Set any number or "all", if you want to see all posts. If you set the number less than posts you have the button "Load More" will be displayed and rest of posts will loaded by AJAX.

Note! This field is allowed only if you choose "Categories" in "Data source" select.
Specify posts to retrieve This options may be useful only if you want to show only the specific posts. You should enter the title of post(s) you want to retrieve and then select the post from autocomplete list.

Note! This field is allowed only if you choose "IDs" in "Data source" select.
Order by Date Select how you want to sort the retrieved posts.
Sorting Descending Designates the ascending or descending order of the "Order by" parameter.
Enable Load More? Yes Manually enable or disable Load More button. Also enables the Load More tab.

Note! Load More button also will be hidden in some cases:
  • You fetch all items, see Number of posts
  • You select "IDs" in Data source.
  • You don't have enough posts, nothing to load.
Enable filters? Yes Show or hide content filtration. Based on portfolio categories. So you must have at least one category to make filters works! More info see in filters tab.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Load More
Load More position Center The load more button position: left, center or right.
Filter
Filters position Center The filters position: left, center or right.
Exclude from filter list Here you can enter the categories (by it's names) which you do not want to see in filters list. This option may be useful if you specify a few categories in "General" tab. So showing all categories is senseless, because you never have posts that suits the filter. Better exclude some filters.

Team

Team

Display the Team CPT. Shortcode attributes:

Name Default Description
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. Also, you can find a lot of useful helper classes here.

Split Section

Split Section
Name Default Description
General
Image Choose the image.
Image Position Left Choose the image position: left or right.
Content TinyMCE editor allows you to add any content.
Content skin Light If you change this option to dark the text section background becomes darker and text color becomes lighter.
Add button? No Enable or disable extra button. Also enables the Button tab.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. Also, you can find a lot of useful helper classes here.
Button Tab
Button text Text on the button
Select URL URL picker. Set the URL, title and target.
Button size Normal Small or normal size.
Button color Default Default, Primary, etc.

Note: you can customize colors in Global Colors settings section.
Button type Solid Solid or ghost.
Button shape Pill Pill or rounded.
Use icon? No Add or remove icon from the button. Also enables Icon tab
Button Extra class Add any class or class set, divided by whitespace, if you want to style particular element differently. Also, you can find a lot of useful helper classes here.
Icon Tab
Icon Library Font Awesome Select the library from allowed font icon packs.
Icon Choose an icon in the picker. Set of icons is based on the selected icon library.
Position Left Select the icon position: to the left or to the right of button text. Default is "Left".

Pricings

Pricings

Display the Pricings CPT. Shortcode attributes:

Name Default Description
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. Also, you can find a lot of useful helper classes here.

Google Maps

Google Maps
Name Default Description
Map
Location Any search query, which you can find on Google Maps, e.g. "New York, USA" or "Odessa, Ukraine".
Map height 500 Height of the map in pixels.
Zoom 14 The initial map zoom level.
Zoom Controls Disable Enable or disable map controls like pan, zoom, etc.
ScrollWheel Disable Enable or disable scrollwheel zooming on the map.
Custom marker Enable Enable or disable custom marker on the map.
Marker title Optional title appears on marker hover.
Marker Custom marker. Any image you wish to mark the location.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Styling
Custom styling Generate your styles in the Snazzymaps Editor and paste JavaScript Array with generated styles in the field.

Sharing Buttons

Sharing Buttons
Name Default Description
Sharing text This text will be shared. Applicable for Twitter and Pinterest.
Sharing url This URL will be shared. Applicable for all networks.
Thumbnail This image will be shared. Applicable only for Pinterest.
Position Left Position of sharing buttons: left, center or right.
Enable / Disable Twitter Enable Enable or disable Twitter share button.
Enable / Disable Facebook Enable Enable or disable Facebook share button.
Enable / Disable Google+ Disable Enable or disable Google+ share button.
Enable / Disable Pinterest Enable Enable or disable Pinterest share button.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Socials

Socials
Name Description
Socials This field allows you to dynamically add social networks. You can select a network from a dropdown list and specify a link. Also you can rearrange networks.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.

Scroll To

Scroll To
Name Description
Target ID Works in pair with Row ID. After clicking the "scroll to" page will be scrolled to this Row ID.
Skin Change skin to make button white. Perfect for dark backgrounds.
Extra class name Add any class or class set, divided by whitespace, if you want to style particular element differently. You can find a lot of useful helper classes here.
Available only for Julia skin

Theme has a few helper classes. Shortcodes' "Extra class" fields is the best place for them!

  • va-middle: vertical align
  • va-top
  • va-bottom
  • space-top
  • space-top-2x
  • space-top-3x
  • space-top-none
  • space-bottom
  • space-bottom-2x
  • space-bottom-3x
  • space-bottom-none
  • padding-top
  • padding-top-2x
  • padding-top-3x
  • padding-top-none
  • padding-bottom
  • padding-bottom-2x
  • padding-bottom-3x
  • padding-bottom-none
  • text-center
  • text-right
  • block-center
  • mobile-center

Rate Theme

To help us update theme for FREE and adding new features please take 1 minute to leave a stars rating for this theme on ThemeForest:

  1. Go to ThemeForest login and navigate to your account.
  2. Click Downloads link and you will see your purchases list:
    Rate Theme Step 1
  3. Click stars around our theme to leave stars rating:
    Rate Theme Step 2
  4. Thanks! This little thing will help us to release new theme updates and add new cool features for you!

Please do not leave negative feedback if you don't like something in our theme or have some problems. Instead contact us and we will be glad to help you with your issue!

Best regards,

8 Guild Team