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:
To enable or disable the page title for a specific 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:
| 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. |
Configuring Page Title for Archive
| Setting | Description |
|---|---|
| Archive Page Title | Sets the page title for archive |
| Archive Page Subtitle | Enables the page subtitle for archive |
Configuring Page Title for Search
| Setting | Description |
|---|---|
| Search Page Title | Sets the page title for search |
| Search Page Subtitle | Enables the page subtitle for search |
Configuring Page Title for E-commerce
| 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. |
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:
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. |
To configure the page title design globally:
| 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. |
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:
#mk-page-introduce {
padding: 15px 0 !important;
}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:
| 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. |
