NOWADAYS Documentation

Introduction

First of all, thank you for purchasing NOWADAYS WordPress Theme. I hope you like it. And if so, please don't forget to rate it 5 Stars in your account. It means a lot for me. Thanks.

What's included?

In themeforest account you have two options to download:

1. All files and documentation included:

  • nowadays theme with Demo content
  • nowadays-child child theme, which you can use to make changes in Nowadays's core theme files
  • documentation theme documentation

2. Installable WordPress file only included:

  • nowadays only theme

Getting Started

1. Theme Installation

First way. Using Demo Content (Preferable):

  1. Copy unpacked folders nowadays and nowadays-child from full archive to your/wordpress/path/wp-content/themes/ directory
  2. Navigate to Appearance > Themes in admin area
  3. Choose Nowadays Theme and click Activate

Second way. (Only theme Installation):

  1. Navigate to Appearance > Themes
  2. Click Add New > Upload Theme
  3. Navigate to nowadays.zip from only theme archive file on your computer and click Install Now.
  4. Click Activate your new theme

2. Theme Plugins

This theme requires the following plugins: Unyson and Nowadays Widgets, so after theme is installed you have to:

  1. Click Begin installing plugins
  2. Select all, select Install, click Apply
  3. Click Return to Required Plugin Installer
  4. Select all, select Activate, click Apply
  5. Navigate to Unyson
  6. Click Yes, Install these extensions

Once the plugin is installed and activated, you can start creating your site

3. Import Demo Content (optional step)

You can use our already pre-built pages to get result exactly like preview site and customize it to get fast start. To do that you should use theme from full archive (first way of installation):

  1. Navigate to Appearance > Theme Settings > General > Import demo content
  2. Click Install

Theme Installation video guide:

F.A.Q.

If I buy this theme, will I get all the pages like in the demo?
Yes, sure, you're getting all the layouts you see in the demo. The theme comes with importable demo content. You'll just have to replace the images and content with yours and that's really easy to do using drag-n-drop Page Builder.
Can I create a fully custom home page?
Yes, sure, you can create fully custom pages by mixing and matching the elements available in the theme. You're not limited to what you see in the demo, those are just a few example meant to show you the possibilities and help you get started, but you're free to create a fully custom page that will be a good fit for your needs.
I have an error when I try to do the import Demo Content.
demo content import error

The most likely reason is weak/cheap hosting which can't handle image resizing.
The solution:

  • Either Upgrade your hosting plan to more powerful
  • Either install Regenerate Thumbnails plugin and try to regenerate thumbnails after the error occurred
I received an email notifying there is an update available. How to update theme?

You have 2 options:
First way (Preferable) - via WordPress admin area using plugin:

  1. Go to build.envato.com and create your API KEY:

  2. Activate Envato Market plugin and go to its area, insert generated key and click Save changes

  3. When update will be available you will see:

    Click Update available in the top left corner and wait unless the theme will be updated

Second way - via FTP or File Manager of Hosting Panel:

  1. Navigate to your/wordpress/path/wp-content/themes/nowadays in your hosting file system and remove nowadays directory
  2. Upload unpacked folders nowadays and nowadays-child from full archive to your/wordpress/path/wp-content/themes/ directory
  3. Navigate to Appearance > Themes in admin area
  4. Choose Nowadays Theme and click Activate

Note: All of your changes will be saved, so Do not import Demo Content after theme update, because it might to break your customizations.

Page Builder

How to create new page using Page Builder?

Click Visual Page Builder:

Add section element. You should always put elements inside section at least or in columns:

Add column if it requires:

Drag it into section. Section can contain up to 12 columns(in sum) in one row:

Add some element in column:

Every element(section, column, element) has a lot of unique options:

You can save any section or column as template and use it to create other pages in future:

You can edit one element and duplicate it to make similar elements fastest way:

Shortcodes

Here are a few examples how to work with shortcodes(elements). Other shortcodes works the same way.

Section

All elements should be placed inside section at least.

Column

Elements can be placed inside responsive columns. Columns, in turn, should be placed inside section shortcode.
Columns can change its width depending on screen resolution and can be hidden for specific resolution.
Also if you want to animate an element on scroll, put it into column and choose animation that you like.

Parallax

Theme Settings

Theme settings are global which means it will be applied to whole site. Some of these options can be changed for each page separately in page settings.

Helper classes

List of some classes which can be useful in Page Builder shortcode options

  • .theme-color - equals color: current theme color;
  • .theme-background-color - equals background-color: current theme color;
  • .align-left - equals text-align: left;
  • .align-right - equals text-align: right;
  • .align-center - equals text-align: center;
  • .align-middle - equals vertical-align: middle;
  • .align-top - equals vertical-align: top;
  • .align-bottom - equals vertical-align: bottom;
  • .no-padding - equals padding: 0;
  • .no-margin - equals margin: 0;
  • .pt-0 - equals padding-top: 0;
  • .pt-5 - equals padding-top: 5px;
  • .pt-10 - equals padding-top: 10px;
  • .pt-15 - equals padding-top: 15px;
  • .pt-20 - equals padding-top: 20px;
  • .pt-25 - equals padding-top: 25px;
  • .pt-30 - equals padding-top: 30px;
  • .pt-50 - equals padding-top: 50px;
  • .pr-0 - equals padding-right: 0;
  • .pr-5 - equals padding-right: 5px;
  • .pr-10 - equals padding-right: 10px;
  • .pr-15 - equals padding-right: 15px;
  • .pr-20 - equals padding-right: 20px;
  • .pr-25 - equals padding-right: 25px;
  • .pr-30 - equals padding-right: 30px;
  • .pr-50 - equals padding-right: 50px;
  • .pb-0 - equals padding-bottom: 0;
  • .pb-5 - equals padding-bottom: 5px;
  • .pb-10 - equals padding-bottom: 10px;
  • .pb-15 - equals padding-bottom: 15px;
  • .pb-20 - equals padding-bottom: 20px;
  • .pb-25 - equals padding-bottom: 25px;
  • .pb-30 - equals padding-bottom: 30px;
  • .pb-50 - equals padding-bottom: 50px;
  • .pl-0 - equals padding-left: 0;
  • .pl-5 - equals padding-left: 5px;
  • .pl-10 - equals padding-left: 10px;
  • .pl-15 - equals padding-left: 15px;
  • .pl-20 - equals padding-left: 20px;
  • .pl-25 - equals padding-left: 25px;
  • .pl-30 - equals padding-left: 30px;
  • .pl-50 - equals padding-left: 50px;
  • .mt-0 - equals margin-top: 0;
  • .mt-5 - equals margin-top: 5px;
  • .mt-10 - equals margin-top: 10px;
  • .mt-15 - equals margin-top: 15px;
  • .mt-20 - equals margin-top: 20px;
  • .mt-25 - equals margin-top: 25px;
  • .mt-30 - equals margin-top: 30px;
  • .mt-50 - equals margin-top: 50px;
  • .mr-0 - equals margin-right: 0;
  • .mr-5 - equals margin-right: 5px;
  • .mr-10 - equals margin-right: 10px;
  • .mr-15 - equals margin-right: 15px;
  • .mr-20 - equals margin-right: 20px;
  • .mr-25 - equals margin-right: 25px;
  • .mr-30 - equals margin-right: 30px;
  • .mr-50 - equals margin-right: 50px;
  • .mb-0 - equals margin-bottom: 0;
  • .mb-5 - equals margin-bottom: 5px;
  • .mb-10 - equals margin-bottom: 10px;
  • .mb-15 - equals margin-bottom: 15px;
  • .mb-20 - equals margin-bottom: 20px;
  • .mb-25 - equals margin-bottom: 25px;
  • .mb-30 - equals margin-bottom: 30px;
  • .mb-50 - equals margin-bottom: 50px;
  • .ml-0 - equals margin-left: 0;
  • .ml-5 - equals margin-left: 5px;
  • .ml-10 - equals margin-left: 10px;
  • .ml-15 - equals margin-left: 15px;
  • .ml-20 - equals margin-left: 20px;
  • .ml-25 - equals margin-left: 25px;
  • .ml-30 - equals margin-left: 30px;
  • .ml-50 - equals margin-left: 50px;

like this:

How to create Onepage Menu

How to create Multipage Menu

Widgets

Credits

Images

All images are from:

Plugins and Libraries

Support

There are a few ways to get support:

Included Support:

  • Fixing all issues related to original theme.
  • Answers to questions regarding theme.
  • Providing regular updates depending on your needs and feedbacks.

Not Included Support:

  • Customization of theme.
  • Specific support for third party plugins integrated in theme.

Need some new pages or advanced customization?

I'm available for freelance work if you want customize theme or create new pages and elements. So, if you have suggestion, please contact me.

Note: In order to provide you fast and efficient support, please send detailed description of the issue with screenshot/video or provide a direct URL.

Your read it entirely. Thanks!