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…
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,…
In many WPBakery Page Builder shortcodes you will notice the “Animation” setting (see fig. 1). This setting defines the way shortcode will show up when it appears in the viewport. Fig. 1. Animation settings.
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;…
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…
“Content Fonts” Theme Options tab allows to set color of text and specify typography settings for basic site font and headings (H1 – H6 tags), see fig. 1: Fig. 1. Fonts settings.
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,…
Layout There are seven header layouts available in The7 (fig. 1): Fig. 1. Header layouts. You can find some examples below (fig. 2.1 – 2.3): Fig. 2.1. Classic header. Fig. 2.2. Inline header. Fig. 2.3. Split header. Header layout affects number and position of areas where you can place microwidgets (top bar right, top bar…
Fig. 1. Sidebar settings. Here you can set: sidebar width; vertical distance between widgets; gap between content area and sidebar. After selecting sidebar style, you can also specify background color/image/decoration or dividers position (fig. 2). Fig. 2. Sidebar style and background. It is also possible to make the sidebar sticky (sidebar floats down upon page…
You can create unlimited number of widget areas. By default, there are only two areas: default sidebar and footer. To add custom widget area, fill in its name and description (optional) fields in the right side of the page (fig. 1, section 1) and hit the “Add” button. Your new widget will appear in the widget…
EN 
NL