Configuring the Page Title

Updated on January 2, 2019

The Page Title is the name or heading of a page. It explains the entire concept which is described in the page content. It is also very important for search engines because a title helps users find your website easily.

In this article, you will find some information about enabling or disabling the page title, as well as configuring its design and typography.


Enabling or Disabling the Page Title

By default, page titles are enabled on all the pages and blog posts. It is possible to disable the page titles globally or only for specific pages and blog posts.

To enable or disable the page title globally:

1Go to Theme Options > Page Title.

Configuring page title - Page Title

2Enable or disable the Display Page Title option according to your needs.

Configuring page title - display page title

3Click on Save Settings.

To enable or disable the page title for a specific page:

1Edit or create a new page.
2Under the Jupiter Page Options section, select Remove Page Title to remove it in Manage Page Elements setting, or set it to the Select option to enable it according to your needs.

Configuring page title - remove page title

3Update or Publish the page.

Configuring Page Title

The Page Title options let you configure the visibility of the page title and the alignment. Also, Jupiter lets you set the custom page title and page heading subtitle.

To add or change the page title:

1Edit or Create a new page.
2Add or change the current page title.
3There are some options regarding the page title in the Jupiter Page Options section. Configure your page title settings according to your needs.

Setting Description

Manage Page Elements Sets the page elements visibility. You can disable the page title by selecting the Remove Page Title option.
Page Title Align Sets the page title alignment.
Custom Page Title Sets a custom page title. This option does not effect or change the title which is between tags inside HTML.
Page Heading Subtitle Sets the page heading subtitle. The value displays in below the page title.

4Click Update or Publish.

Configuring Page Title for Archive

1Go to Theme Options > Blog > Blog Archive.

Configuring page title - Blog Archive

2This page has some options regarding the page title. Configure your page title settings according to your needs.

Setting Description

Archive Page Title Sets the page title for archive
Archive Page Subtitle Enables the page subtitle for archive

3Click on Save Settings.

Configuring Page Title for Search

1Go to Theme Options > Search.

Configuring page title - Search

2This page has some options regarding the page title. Configure your page title settings according to your needs.
Setting Description

Search Page Title Sets the page title for search
Search Page Subtitle Enables the page subtitle for search
3Click on Save Settings.

Configuring Page Title for E-commerce

1Go to Theme Options > Shop > General.

Configuring page title - Shop

2This page has some options regarding the page title. Configure your page title settings according to your needs.
Setting Description

Product Category Archive Loop Title Sets the page title for product category archive.
Use Product Category Name As Page Title Sets the page title as a product category name.
Use Product Name As Page Title Sets the page title as a product name.
Single Product Page Title Enables the page title for single product pages.
3Click Save Settings.

Configuring the Design

There are some options regarding page title configuration and page subtitle design, such as text color, shadow and border color.

To configure the page title design for only a specific page:

1Edit or Create a new page.
2In the Jupiter Styling Options section, enable the Override Global Settings option to display other settings.

There are some options regarding the page title design in the Jupiter Styling Options section. Configure your page title design settings according to your needs.

Setting Description

Page Title Color Sets the page title color.
Page Subtitle Color Sets the page subtitle color.

3Click Update or Publish.

To configure the page title design globally:

1Go to Theme Options > Page Title.

Configuring page title - page title

2This page has some options regarding the page title design. Configure your page title design settings according to your needs.

Setting Description

Page Title Color Sets the page title color.
Text Shadow For Title?  Sets the page title shadow. If you enable this option, a 1px gray shadow will appear the in page title.
Page Subtitle Color  Sets the page subtitle color.
Page Title Border Bottom Color Sets the page title’s bottom border color.

3Click on Save Settings.


Changing the Height

By default, there is no option to change the Page Title height. As a workaround, you may do this via custom CSS.

To change the page title height:

1From the WordPress left menu, go to Jupiter > Theme Options > Advanced > Custom CSS.
2Paste the following codes:

#mk-page-introduce {
    padding: 15px 0 !important;
}

3Change the 15px value to achieve your desired height.
4Click on Save Settings.

Configuring the Typography

Typography options gives you the power to configure things such as text size, spacing, weight and case in the page title.

To configure the page title typography:

1Go to Theme Options > Page Title.

Configuring page title - page title

2This page has some options regarding the page title typography. Configure your page title typography settings according to your needs.

Setting Description

Page Title Size Sets the page title size. The value must be in pixels.
Page Title Letter Spacing Sets the page title spacing between letters. The value must be in pixels.
Page Title Weight Sets the page title weight options such as light, normal, bold, bolder etc.
Page Title Text Case Sets the page title case options such as uppercase, lowercase and capitalize.
Show Page Title Sets the page title visibility.
Page Subtitle Size Sets the page subtitle size. The value must be in pixels.
Page Subtitle Text Case Sets the page subtitle case options such as uppercase, lowercase and capitalize.

3Click on Save Settings.

Did this answer your question?