Quarty - Theme Documentation

Thank you for purchasing our theme!
This guide provides instructions for installation. It is recommended you read it thoroughly to fully leverage the "Quarty" theme's capabilities. If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com

Installing WordPress

Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server. Here is a very detailed guide at Wordpress Codex that will walk you through every step.

Installing Theme

Uploading Through WordPress

To upload through your Dashboard, select “Appearance” and then “Themes”. Next, select the “Add New” button at the top of the page and then select the “Upload Theme” button. Choose Quarty theme "quarty.zip" file and select “Install Now”. Once the theme is fully uploaded and installed, click “Activate” to activate the WordPress theme.

When uploading your theme with the installer, please ensure you are uploading the theme .zip file, not the entire package you downloaded. In this case, you will be uploading "quarty.zip".

FTP Upload

To manually upload your new WordPress theme, login with your credentials to your website and locate the wp-content folder in your WordPress install files. Upload the un-zipped Quarty WordPress Theme folder into the: wp-content/themes folder.
Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard.

Installing Plugins Required

Once you have installed and activated our theme you will be prompted to install required and recommended plugins for all theme features. Just click the link to Begin installing plugins and activate all plugins.

Install Theme & Import DEMO Content

- To import demo content, please follow some steps below:
1. First you need to install the theme.

2. Activate all plugins, next go to Appearance > Import Demo Data and import demo content from the list. (Video installation instructions below).

Elementor Builder

- To enable on your page, please do the following:
1. Go to Dashboard > Pages > Add New (or Edit).
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)" and Save Changes.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Quarty Theme" elements & blocks and fill the fields.

Plugins

Contact Form 7

Contact Form 7 is one of the most popular form builders for wordpress.

For detailed information and support on this plugin, please go to: Contact Form 7

Elementor

The most advanced frontend drag & drop page builder. Create high-end, pixel perfect websites at record speeds. Any theme, any page, any design.

For detailed information, documentation and support on this plugin, please go to: Elementor

ACF Pro

ACF PRO includes extra fields & features to better develop websites including repeatable blocks, page building layouts, intuitive galleries, custom settings pages and reusable fields!

For detailed information and support on this plugin, please go to: ACF Pro

One Click Demo Import

Import your content, widgets and theme settings with one click.

For detailed information, please go to: One Click Demo Import

Quarty Plugin

This plugin it's designed for Quarty Theme.

ACF Pro: Font Awesome

Adds a new 'Font Awesome Icon' field to the popular Advanced Custom Fields plugin.

Theme Options

All global settings can be found in ​Dashboard > Theme Options​. In addition, you can customize:

Styling

In "Styling" Tab you can edit: Page Transition (Enable Smooth page transitions), Smooth Scrolling, Theme Color, Heading Color, Text Color, Menu Items Color, Heading Size, Paragraph Size, Menu Items Size, Heading Font, Menu Items Font, Paragraphs Font.

Header

In "Header" Tab you can edit: Header Logo, Header Small Logo, Social Links, Header Button, Button Label, Button URL.

In "Blog" Tab you can edit: Blog Layout, Blog Page, Display categories, Disable post excerpt, Disable featured image, Social Share.

Single (Blog)

In "Single (Blog)" Tab you can edit: Post Content Layout, Post Background Type, Background Image, Background Animation, Title, Description, Button (Label), Button (URL).

Portfolio

In "Portfolio" Tab you can edit: Portfolio Page, Disable Theme Lightbox.

Single (Portfolio)

In "Single (Portfolio)" Tab you can edit: Portfolio Content Layout, Portfolio Background Type, Background Image, Background Animation, Title, Description, Button (Label), Button (URL).

404

In "404" Tab you can edit: Title, Content.

Preloader

In "Preloader" Tab you can edit: Preloader Hide Logo.


Home Page

- To create Home Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "Home".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.
6. In the field "Your homepage displays" > "A static page (select below)" > "Homepage:" select "Home"

About Page

- To create About Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. Enter your Page Title "About".
3. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.

Portfolio

- To create Portfolio Items, please do the following:
1. First your need to create Portfolio categories, go to Portfolio > Portfolio categories, enter category name in fields Name & Slug. Click to "Save Changes" button.
2. Go to Portfolio > Add Portfolio.
3. In the tab "Featured Image", select image from Library or Upload new.
4. 3. Fill Title, Categories, Description and click to "Edit with Elementor" button. 5. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.

- To create Portfolio Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.

Contact Form

- To create Contacts Form, please do the following:
1. Go to Dashboard > Contact > Contact Forms > Add New.
2. Enter form name "Contact Form".
3. In the tab "Form" you can use default form layout or enter this code lines:

<div class="qrt-contact-form">
	<div class="row">
		<div class="col-lg-6">
			<div class="qrt-form-field">
				[text* your-name class:qrt-input placeholder "Name"]
				<label><i class="fas fa-user"></i></label>
			</div>
		</div>
		<div class="col-lg-6">
			<div class="qrt-form-field">
				[email* your-email class:qrt-input placeholder "Email"]
				<label><i class="fas fa-at"></i></label>
			</div>
		</div>
		<div class="col-lg-12">
			<div class="qrt-form-field">
				[textarea* your-message class:qrt-input placeholder "Message"]
				<label><i class="far fa-envelope"></i></label>
			</div>
		</div>
		<div class="col-md-6">
			<div class="qrt-mb-20">We promise not to disclose your personal information to third parties.</div>
		</div>
		<div class="col-md-6">
			<div class="qrt-submit-frame qrt-text-right qrt-sm-text-left qrt-mb-40">
				<button class="qrt-btn qrt-btn-md qrt-btn-color qrt-cursor-scale" type="submit"><span>Send message</span></button>
			</div>
		</div>
	</div>
</div>
				

4. In the tab "Mail", enter this your email address.
5. Save Changes.

- To create Contacts Page, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
3. Click to "Edit with Elementor" button.
4. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.

Blog Pages

- To create Blog Pages, please do the following:
1. Go to Dashboard > Pages > Add New.
2. In the tab "Page Attributes" > "Template", select "Layout builder (Elementor)". In the tab "Publish" click to "Publish" button.
4. Click to "Edit with Elementor" button.
5. In Elementor builder panel drag and drop "Quarty Theme" elements: "About Banner", "About Me", "About Us", "Blog (Carousel)", "Blog (Grid)", "Clients", "Contact Form", "Contact Information", "Call to Action", "Hero Image", "Hero Slider", "Numbers", "Portfolio Carousel", "Portfolio", "Pricing", "Project Image Gallery", "Project Image", "Resume", "Services", "Team", "Testimonials" and more.

Update Our Themes

Update via Envato Market Plugin

To easy and fast update theme and plugins you can use Envato Market Plugin (I added this plugin in recommended list in the theme):
1) Install Envato Market Plugin: https://envato.com/market-plugin/ and activate.
2) On admin panel go to Envato Market -> Settings -> Generate an Envato API Personal Token -> Click on link -> Login to your Envato Account -> Checked “Permissions ( https://gyazo.com/8a94c801e8197207d3d37467aa8587fb )” on list -> Create Token.
3) Use plugin “Envato Market -> Themes” to install all future updates. (in a few clicks).
Thanks!

Manually Update (Appearance -> Themes)

You can update our theme via WordPress Panel, Go to Dashboard > Appearance > Themes. Click "Add New" -> "Upload Theme". Choose Quarty theme "quarty.zip" file and select “Install Now”.

Manually Update (FTP or Cpanel)

You can update our theme using via FTP or Cpanel.
Download the latest version of the theme on ThemeForest download page and you rename the folder contain the old theme and create a new folder and insert the latest theme in here.

Support

If you need any help or support please contact us through the ThemeForest Messaging system or Support Email: beshleyua@gmail.com