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…

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

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

Wizrd

Wizard

The7 Design Wizard simplifies the process of theme configuring: choose header layout, upload your logo and set up background, fonts and accent colour. The7 will intelligently calculate the best values for advanced options available in the theme. Wizard works in two modes: it allows to “Customize Existing Design” (Only if have configured theme options already) or “Start From a Scratch” (fig.…