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