Page Title Bar Options

Page Title Bar Options

02/12/2018

The Page Title Bar is a highly customizable horizontal bar that sits directly below the header and contains a range of information, from the page title text, as well as breadcrumbs, or a search box. It can also have a background colour or image and be of variable height. It is very versatile. The page title bar can be completely displayed or hidden on every page or post globally, or you can display or hide it individually per page or post. There are numerous options to customize the page title bar.

Overview

Usage Example

The Page Title Bar is not an Element; rather it is controlled via the Theme Options and the Fusion Page Options. This article will look in depth at the options that are available for this often overlooked tool. The Page Title Bar has global options found in the Avada > Theme Options > Page Title Bar panel, and individual options in the Fusion Page Options, found on all pages and posts, that will override global settings.

We also have an document on Setting up the Page Title Bar, and a Knowledge Base post on Page Title Bar Global Setting vs Page Setting.

The image below illustrates an example of the Page Title Bar in action in the Avada University Demo. The demo 'About Us' Page Title Bar has a background image for added visual appeal. Adding an image and other styling options can be set globally via the Theme Options or on a page/post basis via the Fusion Options.

Page Title Bar Example

Page Title Bar Theme Options

Theme Options Page Title Bar Panel

Breadcrumbs Theme Options

Theme Options Page Title Bar Panel

Page Title Bar & Breadcrumb Fusion Options

Page Title Bar - Illustrated as A. Choose to show or hide the Page Title Bar. You can choose between Show Bar and Content, Show Content Only, or Hide bar.

Breadcrumbs / Search Bar - Illustrated as B.  Choose to display the Breadcrumbs or the Search Bar or None.

Page Title Bar Text - Illustrated as C. Choose to show or hide the Page Title Bar Text. This is pulled from the Page Title.

Page Title Bar Text Alignment - Illustrated as D. Choose the title and subheading text alignment. Choices are Left, Center, or Right. If you choose Left or Right, the Breadcrumbs or Search Bar (if chosen) will display on the opposite site. If you choose Center, the Breadcrumbs / Search Bar will display below the Title.

Page Title Bar Custom Text - Illustrated as E. You can override the Page Title by inserting your own Custom Text here.

Page Title Bar Text Size - Illustrated as F. Enter a pixel value, ex. 18px. Leave empty for the default value, as set in the Theme Options (Avada > Theme Options > Page Title Bar).

Page Title Bar Line Height - Illustrated as G. Enter a valid CSS unit. Leave empty for the default value, as set in the Theme Options (Avada > Theme Options > Page Title Bar).

Page Title Bar Custom Subhead Text - Illustrated as H. Insert Custom subhead text for the Page Title Bar.

Fusion Page Options > Page Title Bar Options

Recent Posts

Recent Tweets

For privacy reasons Twitter needs your permission to be loaded. For more details, please see our Privacy Policy.
I Accept