Fig. 1. Text Shortcodes By Dream Theme.

Typography Shortcodes

The7 typography shortcodes are available in a standard WYSIWYG editor and, in result, in WPBakery Page Builder “Text Block”. Before getting started, please make sure that you’re accustomed with idea of shortcodes in WordPress: http://en.support.wordpress.com/shortcodes/Note that link above is given only for the quick illustration of what shortcodes are. Not all shortcodes described in it will work…

Fig. 1. Enable Wpbakery Page Builder.

Basics

The7 comes with The7 WPBakery Page Builder. This software allows you to forget about shortcodes and create most complex layouts within minutes without writing a single line of code! The7 WPBakery Page Builder is based on widely popular WPBakery Page Builder by wpbakery. It has very simple and intuitive interface, but before getting started with building layouts,…

Fig. 1. Advanced Settings.

Advanced

This Theme Options tab allows to adjust advanced theme settings, add custom CSS and JS. Advanced Settings Here you can: set top & bottom margins for pages, posts & templates (see fig. 1); Fig. 1. Advanced settings. enable/disable responsive layout; specify side padding (for desktop and mobile layouts); turn on/off image lazy loading; enable smooth scroll;…

Fig. 1. Theme Settings Export/import Interface.

Import & Export

You can import and export your theme settings here (fig. 1). Copy the encrypted code and store it in a text file to export. Paste the code into the text area and click “save” to import settings. Fig. 1. Theme settings export/import interface. Note: This tool allows to transfer “CSS” setting only: colors, backgrounds, fonts, etc. Settings like portfolio slug,…

Fig. 1. Archive Settings.

Archives

This option allows to select page (fig. 1) layout for archives, search results, etc.For example, you have “My Sample” page with page title aligned to the right and sidebar on the left. If you select this page in Theme Options -> Archives and 404 -> Archives, it means that all archive pages will also have…

Fig. 1. General Layout Settings.

General Appearance

On this page various general setting are gathered. Here you can: set the content width in “px” or “%” (see fig. 1); select site layout: boxed or wide; set the box width in “px” or “%” if “boxed” layout is enabled (see fig. 1); set background color and image “under the box” (see fig. 1);…