Welcome To Sassty -Sass Startup & Software Multipurpose WordPress Theme

First of all, Thank you so much for purchasing this template and for being my loyal customer. You are awesome! You are entitled to get free lifetime updates to this product + exceptional support from the author directly.

This documentation is to help you regarding each step of customization. Please go through the documentation carefully to understand how this template is made and how to edit this properly.

If you are unable to find your answer here in our documentation, we encourage you to search our Knowledgebase, watch our Video Tutorials, and also perform a Forum Search for your answer.

Author, Ordainit

Theme Requirements

To use Sassty, make sure your hosting provider is running the following software:

  1. WordPress 5.6 or higher.
  2. PHP 5.6 or greater. WordPress officially suggests to use PHP 7.2.
  3. MySQL 5.6 or greater.

Recommended PHP Limits

Many issues that you may run into such as: white screen, demo content fails when importing, empty page content and other similar issues are all related to low PHP configuration limits. The solution is to increase the PHP limits. You can do this on your own, or contact your web host and ask them to increase those limits to a minimum as follows:

  • max_execution_time 180
  • memory_limit 128M
  • post_max_size 64M
  • upload_max_filesize 32M
  • max_input_time = 60
  • max_input_vars = 3000

Also consider upgrading your PHP version to the latest version, the newer the better.

WordPress Information

To install this theme you must have a working version of WordPress already installed. If you need help installing WordPress, follow the instructions in WordPress Codex or you can watch the. Below are ll the useful links for WordPress information.

What's included

When you purchase our theme from Themeforest, you need to download the Sassty files from your Themeforest account. Navigate to your downloads tab on Themeforest and find Sassty. Click the download button to see the two options. The Main Files contain everything, the Installable WordPress Theme is just the installable WordPress theme file. Below is a full list of everything that is included when you download the main files, along with a brief description of each item.

  • Installable WordPress file only. You can upload this file when you install the theme.

  • All files and documentation (full zip folder). You will need to extract and locate the installable WordPress file to upload when you install the theme. download

Theme Installation

It’s easy to install Sassty. Just follow these steps, they won’t take much of your time.
  1. Download the theme zip file from your Envato account from ThemeForest. download

  2. **All files & documentation **(full zip folder). You will need to extract and locate the installable WordPress file to upload when installing theme
  3. Log in to your WordPress Dashboard (Ex: http://yourwebsite.com/wp-admin).
  4. Navigate to Appearance > Themes.

  5. Click on Add New and then Click on Upload Theme .

  6. Click Add New, then click Upload Theme > Choose File

  7. Navigate to the .zip file on your computer, then click Install Now

  8. When the installation complete, click Activate.

  9. Done.

Install theme via FTP

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 'sada' folder into the: wp-content/themes folder.

Once uploaded, activate the theme by heading to the “Themes” menu in the WordPress Dashboard. Locate the Sasstytheme and hit “Activate”.

The theme files will be stored on your server in the wp-content/themes/ location.

Note: 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 Sassty.zip.

Plugin Installation

After activating Sassty, you will see this notice:
plugin

Click Begin installing plugins. You will be navigated to Install Required Plugins page.

Simply check all of them (or all of required plugins and some recommended plugins you like) and from the drop down select Install, then hit Apply.

plugin

When finishing, it should look like this:

plugin

Demo Installation

Our demo data import lets you have the whole data package in minutes, delivering all kinds of essential things quickly and simply. All you need to do is to navigate to Appearance >Import. Hit Import this demo.

demo demo

Have a cup of coffee. The process is within minutes.

demo

When finishing, it should look like this:

demo

Go to Setting > Reading > Front page displays and choose the page you like to be your front page then hit Save changes.

demo

After Import Demo Some Importent Settings

Elementor > Settings > Disable Default Colors & Fonts

Edit With Elementor Any Page And go to advanced settings and select sassty bootstrap container for full width container. This settings only use for parent container for one time

Notice: To ensure all settings are compulsory for your original theme design, you can enforce required fields and settings throughout the theme setup, customizer, and plugin settings

Free Support System

All of Ordainit's items come with 6 months of included support and free lifetime updates for your Theme.
Once the 6 months of included support is up, you have the opportunity to extend support coverage up to 6 or 12 months further.
If you choose to not extend your support, you will still be able to submit bug reports via email or item comments and still have access to our online documentation knowledge base and video tutorials.

We have an advanced, secure ticket system to handle your requests. Support is limited to questions regarding the theme’s features or issues that are related the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customization of your theme, we suggest enlisting the help of a developer.

Our Support Mail

All of our items come with free support, and we have a dedicated mail: support@ordainit.com to handle your requests. Support is limited to questions regarding the theme’s features or problems with the theme. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your theme then you should enlist the help of a developer.

Item Support Includes

  • Answering questions about how to use the item
  • Answering technical questions about the item
  • Help with defects in the item
  • Item updates to ensure ongoing compatibility and to resolve security vulnerabilities

Not Included in Item Support

  • Theme customization and requests that require or involve custom coding
  • Installation of the item
  • Hosting, server environment, or software
  • Support for compatibility with 3rd party plug-ins
  • Support for out-dated or modified themes

For more information on Item Support Policy please refer to the original document..

Page Options

On each page you'll see a Template Settings metabox, located below the page content editor. This metabox includes various options to control the header style , footer visibility and Logo Setting on each page.

Create a New Page

Step 1: Navigate to Pages in your admin sidebar and click Add New option.

demo

Step 2: Enter a new name for your page, then find the Page Attributes box on right side to set your Parent or Template page.

demo

Page Options

Here includes various options to control the header style , footer style and Logo Setting on each page.

demo

Use Elementor Page Builder to Build Page

Step 1: Choose Edit With Elementor to edit your page.

demo

Step 2: Choose Add Element to start adding our premade elements to your new page.

demo

How to Change Page Title

Step 1: Go to Pages > All Pages. Then point at the page you want to edit. You will see the Quick Edit option.

demo

Step 2: Edit the title as you want. Delete the current slug. Then hit Update. It will automatically generate new slug for your page.

demo

You can also edit some other options such as parent, template, status... If you want to edit more options, hit Edit instead of Quick Edit.

Theme General Setting

Here Find Preloader & Back Top Settings
Appearance → Customise → Sassty Customizer  → General Setting

Theme Typography Setting

Here Find Theme Typography Settings
Appearance → Customise → Sassty Customizer  → Theme Typography

Theme Color Setting

Here Find Theme Color Settings
Appearance → Customise → Sassty Customizer  → Theme Color

Theme Header Top Setting

Here Find Theme Header Top Settings
Appearance → Customise → Sassty Customizer  → Theme Header Top Info Setting

Theme Header Top Social Setting

Here Find Theme Header Top Social Settings
Appearance → Customise → Sassty Customizer  → Theme Header Top Social Setting

Theme Header Right Setting

Here Find Theme Header Right Settings
Appearance → Customise → Sassty Customizer  → Theme Header Right Setting

Header side Info Settings

Here Find Header side Info
Appearance → Customise → Sassty Customizer  → Header Side Info

Theme Breadcrumb Settings

Here Find Breadcrumb Settings
Appearance → Customise → Sassty Customizer  → Theme Breadcrumb Settings

Theme 404 Settings

Here Find 404 Settings
Appearance → Customise → Sassty Customizer  → Theme 404 Settings

Theme Blog Settings

Here Find Blog Settings
Appearance → Customise → Sassty Customizer  → Theme Blog Settings

How to Create a Menu

Setting up Navigation Menus works normally as it does for any WordPress theme. If you’re new to WordPress, you can learn more about menus in the WordPress Codex article.

  1. Go to Appearance → Menus in your admin sidebar and click Create a new menu option.. menu
  2. Select Create a new menu at the top of the page menu
  3. Choose menu items you want to add from the left and hit Add to Menu. Then hit Save Menu menu
  4. Your new menu has been created: menu
  5. Using the Custom Links and Pages boxes at the left, add items to the menu and drag and drop to arrange them.
  6. If you would like to use this menu in the primary navigation of the theme, scroll down to the Menu Settings area, enable the checkbox next to the Main Menu menu locations. menu
  7. Click Save Menu and that is all.

How to Create a New Post

Step 1: Navigate to Posts > Add New in your WordPress admin sidebar.

Step 2: Create a title, and insert your post content in the editing field.

Step 3: For a video/audio post, just simply paste the video/audio URL into the Embed Code field.

Step 4: Add Categories from the right side. Categories is meta information you create for the post. Each category is a meta link that your viewer can click to view similar type of posts. To assign it to the post, check the box next to the Category name. You can also access and edit Categories from the Post sidebar item in your WordPress admin sidebar.

Step 5: Add Tags from the right side. Tags is meta information you create for the post. Each tag is a link that your viewer can click to view similar type of posts. Type the name of the tag in the field, separate multiple tags with commas. You can also access and edit Tags from the Post sidebar item in your WordPress admin sidebar.

Step 6: For a single image, click the first Featured Image Box, select an image and click the Set Featured Image button.

Step 7: You can also customize Page Title & Sidebar Options in Settings.

Step 8: Once you are finished, click Publish to save the post.

Here is the screenshot that shows the various areas of the blog post page:

demo

How to Create a Category

Step 1: Post >> Categories

Step 2: Name the category and fill to other section below.

Step 3: Hit Add New Category. Your new Category will aprear in the table of all category immediately.

demo

Similar to Category, you can create a new Tag in the same way.

How to Add Widget in Sidebar

Step 1: Appearance >> Widgets. You can see all of the Sidebar here.

Step 2:Choose the Widgets you want and drag it to the Sidebar you want or click on it to choose the Sidebar.

In the case you want to delete its settings, drag it back.

demo

How to Edit Widget

Hit Appearance > Widgets. Choose a widget you want to edit.

demo

Then choose its area as you wish and hit Add Widget.

demo

Then go to the right where you will notice a just-added widget. In this case, Search on Footer|#2. Type information and hit Save.

demo

Finally Widget setup done. See your site now

Elementor Custom Widget

Edit With Elementor

demo

Elementor Hero Widget

Banner Hero Edit With Elementor

Three Banner Style

demo

Elementor Button Widget

Button Edit With Elementor

demo

Elementor Title Widget

Title Edit With Elementor

demo

Elementor CTA Widget

CTA Edit With Elementor

Nine CTA Style

demo

Elementor Brand Slider Widget

Brand Slider Edit With Elementor

Three Brand Slider Style

demo

Elementor Brand Slider Full Widget

Brand Slider Full Edit With Elementor

demo

Elementor Testimonial Slider Widget

Testimonial Slider Edit With Elementor

Six Testimonial Slider Style

demo

Elementor Blog Widget

Blog Edit With Elementor

Two Blog Style

demo

Elementor Service Widget

Service Edit With Elementor

Two Service Style

demo

Elementor Team Widget

Team Edit With Elementor

demo

Elementor Price Widget

Price Edit With Elementor

Four Price Style

demo

Elementor Testimonial Widget

Testimonial Edit With Elementor

demo

Elementor Feature Box Widget

Feature Box Edit With Elementor

Four Price Style

demo

Elementor Image Box Widget

Image Box Edit With Elementor

Three Price Style

demo

Elementor Single Price Box Widget

Single Price Box Edit With Elementor

demo

Elementor Tab Widget

Tab Edit With Elementor

demo

Elementor Portfolio Box Widget

Portfolio Edit With Elementor

Two Price Style

demo

Elementor List Item Widget

List Item Edit With Elementor

Two Price Style

demo

Elementor Tab Accordion Widget

Tab Accordion Edit With Elementor

demo

Elementor Single Service Widget

Single Service Edit With Elementor

Three Price Style

demo

Elementor Video Popup Widget

Video Popup Edit With Elementor

demo

Elementor Video Button Widget

Video Button Edit With Elementor

demo

Elementor Funfact Widget

Funfact Edit With Elementor

Three Price Style

demo

Elementor Single Funfact Widget

Single Funfact Edit With Elementor

Two Price Style

demo

Elementor Process Widget

Process Edit With Elementor

Two Price Style

demo

Elementor Card Widget

Card Edit With Elementor

Two Price Style

demo

Elementor Webgl Image Widget

Webgl Image Edit With Elementor

demo

Elementor Watermark Slider Widget

Watermark Slider Edit With Elementor

demo

Elementor About Tab Widget

About Tab Edit With Elementor

demo

Elementor Contact Form Widget

Contact Form Edit With Elementor

demo

Elementor About Image Widget

About Image Edit With Elementor

Two Price Style

demo

Elementor Title Box Fade Widget

Title Box Fade Edit With Elementor

demo

Elementor Gradiant Button Widget

Gradient Button Edit With Elementor

demo

Elementor Job Post Widget

Job Post Edit With Elementor

demo

Elementor Compare Plan Widget

Compare Plan Edit With Elementor

demo

Thank you for use this theme.

Once again, thank you so much for purchasing this theme. As I said at the beginning, I'd be glad to help you if you have any questions relating to this theme. No guarantees, but I'll do my best to assist. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.