Page titles

This Theme Options tab allows you to specify default settings for pages title area.

Layout

Fig. 1. Page title 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).

If you use Elementor templates as a page title, you can hide native The7’s one by disabling title and breadcrumbs in the appropriate settings tabs.

Style

Fig. 2. Page title style.

Fig. 2. Page title style.

This tab (fig. 2) allows to select page title style:

  • plain;
  • background color (color, image, border, solid or transparent header);
  • gradient (color, solid or transparent header);
  • decorative line (color, height, dashed/dotted/solid/double style ).

Title

Specify font settings for the title text in the appropriate tab (fig. 3).

Fig. 3. Title font settings.

Fig. 3. Title font settings.

Breadcrumbs

Fig. 4. Breadcrumbs settings.

Fig. 4. Breadcrumbs settings.

This tab allows to switch the breadcrumbs on/off, configure the font (fig. 4), apply specific padding and margins and enable background color/border for breadcrumbs background area.

Responsiveness

Fig. 5. Page title responsiveness.

Fig. 5. Page title responsiveness.

The7 theme options also allow to make page title area more compact after a certain browser width (fig. 5). You can specify title area height and font size, as well as disable breadcrumbs.