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. General Settings For The7 Post Types.

Post Types

This section of Theme Options allows to manage appearance of Blog, Portfolio and Gallery posts, if “The7 Elements” plugin is enabled. General This tab allows to define style for pagination and category filters (see fig. 1): decoration, line size, font settings, padding and margins, as well gap below category filter and above pagination. Fig. 1. General…

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. Footer Settings.

Footer & Bottom bar

In Footer options (fig. 1.1), you can set: Fig. 1.1. Footer settings. background style: content-width line, full-width line, background; background color and image, decoration line; enable slide-out mode; text color; layout: padding, number of columns (fig. 1.2); Fig. 1.2. Footer layout settings. width to collapse the footer into a single column (fig. 1.2). In Bottom…

Fig. 1. Theme Options Menu.

Theme Options

You can find Theme Options menu in the top panel in WP Dashboard (fig. 1): Fig. 1. Theme Options menu. You can also enable side Theme Options menu in Dashboard -> The7 -> My The7 -> Settings -> Legacy Features -> Show theme options in sidebar. There are two modes of Theme Options editing: front-end editor…

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