These options are located in the Theme Options > Title Area > Categories tab.

Categories Title Area options control the styles of the title area for Categories and Archives Page on your site. (Fig. 1) What is a WordPress archive page?

Categories Title Area options Screenshot
Fig. 1. Categories Title Area options Screenshot.

 

Categories Title Area – Illustrated as A. Turn on to display the title area for categories and archives.

Categories 100% Title Area Width – Illustrated as B. Turn on to have the categories and archives title area display at 100% width according to the screen width. If the site layout is set to boxed, the categories and archives 100% title area width is controlled by the set site width. Turn off to follow site width.

Categories Title Area Height – Illustrated as C. Controls the categories and archives title area height.

Responsive Categories Title Area Height – Illustrated as D. Turn on to use the responsive height for categories and archives title area.

IMPORTANT NOTE

Responsive Categories Title Area Height option is available only if you are turn on responsive design in responsive layout.

Responsive Categories Title Area Height Breakpoint – Illustrated as E. Controls the width of the screen when the height for the desktop categories and archives title area changes to the height for the mobile categories and archives title area. This option is available only if the Responsive Categories Title Area Height option is set to On.

Responsive Categories Title Area Height – Illustrated as F. Controls the height for the mobile categories and archives title area. This option is available only if the Responsive Categories Title Area Height option is set to On.

Display Categories Title Area Border-Top – Illustrated as G. Turn on to display of the title area border-top for categories and archives.

Categories Title Area Border-Top – Illustrated as H. Controls the border-top of the title area for categories and archives.

Display Categories Title Area Border-Bottom – Illustrated as I. Turn on to display the categories and archives title area border-bottom.

Categories Title Area Border-Bottom – Illustrated as J. Controls the categories and archives title area border-bottom. This option is available only if the Display Categories Title Area Border-Bottom option is set to On.

Categories Title Area Background Color – Illustrated as K. Controls the background color of the title area for categories and archives.

Categories Title Area Background Image – Illustrated as L. Select an image file for categories and archives title area background.

IMPORTANT NOTE

Categories Title Area Background Image option is used as global option. Custom Category & Tag Title Area Background option allow you to change the Category Title Area Background Image, which is personalized on a page-by-page basis.

Categories Title Area Background Overlay – Illustrated as M. Turn on to display the background overlay on categories and archives title area.

If you turn on Categories Title Area Background Overlay(– Illustrated as M) and select the value of the Categories Title Area Background Overlay Type as ‘Simple Color’(– Illustrated as M-1), you will have the options are as follows: (Fig. 2)

Categories Title Area Background Overlay Type – Simple Color Options Screenshot
Fig. 2. Categories Title Area Background Overlay Type – Simple Color options Screenshot.

 

Categories Title Area Background Overlay Type – Illustrated as M-1. Controls the background overlay type for categories and archives title area.

Categories Title Area Background Overlay Color – Illustrated as M-2. Controls the background overlay color for categories and archives title area.

Categories Title Area Background Overlay Opacity – Illustrated as M-3. Controls the background overlay opacity for categories and archives title area. Percentage(%) unit.

If you turn on Categories Title Area Background Overlay(– Illustrated as M) and select the value of the Categories Title Area Background Overlay as ‘Color Gradients’(– Illustrated as M-4), you will have the options are as follows: (Fig. 3)

Categories Title Area Background Overlay Type – Color Gradients Options Screenshot
Fig. 3. Categories Title Area Background Overlay Type – Color Gradients options Screenshot.

 

Categories Title Area Background Overlay Type – Illustrated as M-4. Controls the background overlay type for categories and archives title area.

Categories Title Area Background Overlay Gradient Colors – Illustrated as M-5. Controls the background overlay gradient colors for categories and archives title area.

Categories Title Area Background Overlay Angle – Illustrated as M-6. Controls the background overlay gradient angle for categories and archives title area. Degree(deg) unit.

Categories Title Area Background Overlay Opacity – Illustrated as M-7. Controls the background overlay opacity for categories and archives title area. Percentage(%) unit.

Categories Title Area Heading Text – Illustrated as N. Turn on to display the categories and archives title area heading text.

Categories Title Area Text Alignment – Illustrated as O. Specify the categories and archives title area heading text and extra information text alignment. (Fig. 4)

Title Area Text Alignments.
Fig. 4. Title Area Text Alignments.

 

Categories Title Area Text Animation – Illustrated as P. Controls the animation type for categories and archives title area heading text and extra information text.

Control The Categories Title Area Text Width – Illustrated as Q. Turn on to use the width for categories and archives 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.

Title Area Text Width
Fig. 5. Title Area Text Width.

 

Categories Title Area Text Width – Illustrated as R. Controls the width for categories and archives title heading text and extra information text.  (Fig. 6) The maximum width of the categories and archives title area heading text and extra information text is set to 100%. (Fig. 5) This option is available only if the Control The Categories Title Area Text Width option is set to On.

Categories Title Area Text Transverse Alignment – Illustrated as S. Specify the categories and archives title area heading text and extra information text transverse alignment. (Fig. 6) This option is available only if the Control The Categories Title Area Text Width option is set to On.

Title Area Text Transverse Alignment
Fig. 6. Title Area Text Transverse Alignment.

 

Categories Title Area Text Border-Bottom options Screenshot
Fig. 7. Categories Title Area Text Border-Bottom options Screenshot.

 

Display Categories Title Area Text Border-Bottom – Illustrated as 1. Turn on to display the categories and archives title area text border-bottom. (Fig. 7) This option is available only if the Display Categories Title Area Border-Bottom(– Illustrated as I) option is set to Off.

Categories Title Area Text Border-Bottom – Illustrated as 2. Controls the categories and archives title area text border-bottom.(Fig. 7) This option is available only if the Display Categories Title Area Text Border-Bottom option is set to On.

Categories Title Area Heading Custom Text Color – Illustrated as T. Turn on to display the categories and archives 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 Theme Options > Title Area > Common Options tab.

Categories Title Area Heading Text Color – Illustrated as U. Controls the heading text color of the title area for categories and archives. This option is available only if the Categories Title Area Heading Custom Text Color option is set to On.

Categories Title Area Extra Information Custom Text Color – Illustrated as V. Turn on to display the categories and archives 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 Theme Options > Title Area > Common Options tab.

Categories Title Area Extra Information Text Color – Illustrated as W. Controls the extra information text color of the title area for categories and archives. This option is available only if the Categories Title Area Extra Information Custom Text Color option is set to On.

Categories Title Area Bottom Shape Divider Type – Illustrated as X. Controls the type of the shape divider at the bottom of the title area for categories and archives.

Categories Title Area Shape Divider Color – Illustrated as Y. Controls the color of the shape divider at the bottom of the title area for categories and archives.

Categories Title Area Shape Divider Height – Illustrated as Z. Controls the height of the shape divider at the bottom of the title area for categories and archives.

Responsive Categories Title Area Shape Divider Height – Illustrated as #. Controls the responsive height of the shape divider at the bottom of the title area for categories and archives. This option is available only if the Responsive Categories Title Area Height(– Illustrated as D) option is set to On.