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,…

Header Layouts

Top Bar & Header

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.

Sidebar

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…

Fig. 1. Widget Area Management.

Widget Areas

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…

Woocommerce Settings

WooCommerce (optional)

Note that page Theme Options > WooCommerce is optional and will appear only if you have WooCommerce plugin installed and activated. WooCommerce settings are divided into 3 tabs (fig. 1): Fig. 1. WooCommerce Settings. Product list Here you can: choose WooCommerce default layout: masonry or list, or masonry / list switcher ; decide where to show…

Fig. 1. Adding Share Buttons.

Share Buttons

You can enable social like/share buttons for blog posts, pages, portfolio projects, media albums and WooCommerce products. To do so, simply drag required button(s) to wide filed on the left (fig. 1): Fig. 1. Adding share buttons. There is an option of ‘Share buttons appearance’ which allows to change the way people interact with social share…

Fig. 1. Skins.

Skins

You can change look of your site in two clicks by applying one of predefined skins. Simply go to “WP-admin > Theme Options > Skins”, select desired skin and hit the “Save” button. Theme will apply all necessary settings and styles automatically. Your logos, favicon, widget areas, social links and contact information will be preserved.…

Fig. 1. Page Title Layout.

Page titles

This Theme Options tab allows you to specify default settings for pages title area. Layout Fig. 1. Page title layout. Layout tab (fig. 1) allows to: select layout of page title area (title and breadcrumbs alignments); title area size (height and padding). Style Fig. 2. Page title style. This tab (fig. 2) allows to select page title…

Fig. 1.1. Image Styling: None.

Image Styling and Hovers

Here you can select image hovers styling, background color and opacity. Depending on “Styling” settings, images will look this way: None Fig. 1.1. Image Styling: None. Grayscale Fig. 1.2. Image Styling: Grayscale. Grayscale with color hovers Fig. 1.3. Image Styling: Grayscale with color hovers. Note: the styling setting may not have effect on some portfolio, photo…