NOWADAYS Documentation


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 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:


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 have an error: "Sorry, you are not allowed to access this page" while importing demo.
demo content import error

The most likely reason is you have installed theme from 'Installable wordpress theme only' archive: Installable wordpress theme only

and you don't have demo-content folder in theme directory (check it via FTP):
Check theme directory via FTP to make sure it has 'demo-content' folder

The solution:

  • Install theme from 'All files & documentation' package
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 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:


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


All elements should be placed inside section at least.


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.


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




All images are from:

Plugins and Libraries


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!