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. Buttons Style.

Buttons

There are three predefined button styles (fig. 1): flat, 3D, shadow. Fig. 1. Buttons style. In this Theme Options tab, you can also specify: button idle and hover colors for background, text and border (fig. 2); Fig. 2. Button color settings. font family and font size, padding and border radius for 3 button sizes (small, medium and big).…

Fig. 1. Branding. Upload Logos.

Branding

On this page you can upload logos for different locations at your site, specify padding for these logos, set up copyright information, etc.: Note: Logos of different users comes in different size and ratio, so theme does not re size logos or do not prefer any specific size, you need to upload it in actual…

Fig. 1. Settings For Contact Form Appearance

Contact Form

This section of Theme Options allows to configure appearance of a contact form and pop-up messages for both contact forms and WooCommerce. Specify input fields size, colors, padding and border (fig. 1): Fig. 1. Settings for contact form appearance Then, you can choose whether to display contact form and WooCommerce messages inline or in a…

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);…

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