These options are located in the Theme Options > Title Area > Pages tab.
Pages Title Area options control the styles of the title area for Pages on your site. (Fig. 1)
IMPORTANT NOTE
These options are used as global options. Sonnet page options allow you to change the Pages Title Area, which is personalized on a page-by-page basis.
Pages Title Area – Illustrated as A. Turn on to display the title area for pages.
Pages 100% Title Area Width – Illustrated as B. Turn on to have the pages title area display at 100% width according to the screen width. If the site layout is set to boxed, the pages 100% title area width is controlled by the set site width. Turn off to follow site width.
Pages Title Area Height – Illustrated as C. Controls the pages title area height.
Responsive Pages Title Area Height – Illustrated as D. Turn on to use the responsive height for pages title area.
IMPORTANT NOTE
Responsive Pages Title Area Height option is available only if you are turn on responsive design in responsive layout.
Responsive Pages Title Area Height Breakpoint – Illustrated as E. Controls the width of the screen when the height for the desktop pages title area changes to the height for the mobile pages title area. This option is available only if the Responsive Pages Title Area Height option is set to On.
Responsive Pages Title Area Height – Illustrated as F. Controls the height for the mobile pages title area. This option is available only if the Responsive Pages Title Area Height option is set to On.
Display Pages Title Area Border-Top – Illustrated as G. Turn on to display of the title area border-top for pages.
Pages Title Area Border-Top – Illustrated as H. Controls the border-top of the title area for pages.
Display Pages Title Area Border-Bottom – Illustrated as I. Turn on to display the pages title area border-bottom.
Pages Title Area Border-Bottom – Illustrated as J. Controls the pages title area border-bottom. This option is available only if the Display Pages Title Area Border-Bottom option is set to On.
Pages Title Area Background Color – Illustrated as K. Controls the background color of the title area for pages.
Pages Title Area Background Image – Illustrated as L. Select an image file for the pages title area background.
Pages Title Area Background Overlay – Illustrated as M. Turn on to display the background overlay on pages title area.
If you turn on Pages Title Area Background Overlay(– Illustrated as M) and select the value of the Pages Title Area Background Overlay Type as ‘Color Gradients’(– Illustrated as M-1), you will have the options are as follows: (Fig. 2)
Pages Title Area Background Overlay Type – Illustrated as M-1. Controls the background overlay type for pages title area.
Pages Title Area Background Overlay Gradient Colors – Illustrated as M-2. Controls the background overlay gradient colors for pages title area.
Pages Title Area Background Overlay Angle – Illustrated as M-3. Controls the background overlay gradient angle for pages title area. Degree(deg) unit.
Pages Title Area Background Overlay Opacity – Illustrated as M-4. Controls the background overlay opacity for pages title area. Percentage(%) unit.
If you turn on Pages Title Area Background Overlay(– Illustrated as M) and select the value of the Pages Title Area Background Overlay Type as ‘Simple Color’(– Illustrated as M-5), you will have the options are as follows: (Fig. 3)
Pages Title Area Background Overlay Type – Illustrated as M-5. Controls the background overlay type for pages title area.
Pages Title Area Background Overlay Color – Illustrated as M-6. Controls the background overlay color for pages title area.
Pages Title Area Background Overlay Opacity – Illustrated as M-7. Controls the background overlay opacity for pages title area. Percentage(%) unit.
Pages Title Area Heading Text – Illustrated as N. Turn on to display the pages title area heading text.
Pages Title Area Text Alignment – Illustrated as O. Specify the pages title area heading text and extra information text alignment. (Fig. 4)
Pages Title Area Text Animation – Illustrated as P. Controls the animation type for pages title area heading text and extra information text.
Control The Pages Title Area Text Width – Illustrated as Q. Turn on to use the width for pages title area heading text and extra information text.
What is a Title Area Text Width?
By default, the Transverse area of the heading text and extra information text contained in the title area fills the horizontal width of the title area. (Fig. 5) Title Area Text Width means randomly controlling the heading text and extra information text of the title area to the desired width.
Pages Title Area Text Width – Illustrated as R. Controls the width for pages title heading text and extra information text. (Fig. 6) The maximum width of the pages title area heading text and extra information text is set to 100%. (Fig. 5) This option is available only if the Control The Pages Title Area Text Width option is set to On.
Pages Title Area Text Transverse Alignment – Illustrated as S. Specify the pages title area heading text and extra information text transverse alignment. (Fig. 6) This option is available only if the Control The Pages Title Area Text Width option is set to On.
Display Pages Title Area Text Border-Bottom – Illustrated as 6. Turn on to display the pages title area text border-bottom. (Fig. 7) This option is available only if the Display Pages Title Area Border-Bottom(– Illustrated as I) option is set to Off.
Pages Title Area Text Border-Bottom – Illustrated as 7. Controls the pages title area text border-bottom. This option is available only if the Display Pages Title Area Text Border-Bottom option is set to On.
Pages Title Area Heading Custom Text Color – Illustrated as T. Turn on to display the pages title area heading custom text color. If you turn on the value of this option, override the value of the Title Area Heading Text Font option in tab.
Pages Title Area Heading Text Color – Illustrated as U. Controls the heading text color of the title area for pages. This option is available only if the Pages Title Area Heading Custom Text Color option is set to On.
Pages Title Area Extra Information Custom Text Color – Illustrated as V. Turn on to display the pages title area extra information custom text color. If you turn on the value of this option, override the value of the Title Area Extra Information Text Color option in tab.
Pages Title Area Extra Information Text Color – Illustrated as W. Controls the extra information text color of the title area for pages. This option is available only if the Pages Title Area Extra Information Custom Text Color option is set to On.
Pages Title Area Bottom Shape Divider Type – Illustrated as X. Controls the type of the shape divider at the bottom of the title area for pages.
Pages Title Area Shape Divider Color– Illustrated as Y. Controls the color of the shape divider at the bottom of the title area for pages.
Pages Title Area Shape Divider Height – Illustrated as Z. Controls the height of the shape divider at the bottom of the title area for pages.
Responsive Pages Title Area Shape Divider Height – Illustrated as #. Controls the responsive height of the shape divider at the bottom of the title area for pages. This option is available only if the Responsive Pages Title Area Height(– Illustrated as D) option is set to On.