Title wrapper

POFO provides an option to modify the title of page / post / portfolio and archive pages.

Notes:  We have shown below settings for page and there are same settings for the post single, post archive, default post/blog home, portfolio single, portfolio archive, product single and product archive/shop page.

You will get options to alter the title of your page in here. Sections under this panel will be as follows:

  • Title Style and Data
  • Title Font and Color

Title Style and Data

You will get main settings for the title of the page that you have created from admin panel.

Title Style and Data > Title

You can display / hide the title on the page by selecting “On/Off” respectively from this setting.

Title Style and Data > Style

You will get plenty of designs for the title in this section. You can select any one from it.

Title Style and Data > Text case

You can select the text cases for the page title from the given drop down. You can show all letters in uppercase / lowercase or you can capitalize the first letter of the each word.

Title Style and Data > Subtitle

You can add subtitle text to be displayed under the title from here. Just fill the text box with your text and click on the “Publish” button.

Title Style and Data > Background Gallery Image

You can set background images for the title section on single post pages from this setting. Click on “Browse” button to open image gallery then select images from it and click on the “Select” button to see the changes. You can select multiple images for this.

Title Style and Data > Scroll To Down

You can enable / disable the button to scroll down to next section on the single post pages by selecting “On/Off” respectively from this setting.

Title Style and Data > Next Section ID

You can give the id of the section where you want to go after clicking on scroll to down button. Write the id in the provided text box under this setting with “#” in front.

Title Style and Data > Opacity

You can define the opacity for the background of the title section by selecting option from the drop down menu.

Title Style and Data > Opacity Color

You can define the opacity color for the background of the title section. Click on “Select Color” button under this and select color from color picker.

Title Style and Data > Breadcrumb

You can display / hide breadcrumb on the title section of any page by selecting “On/Off” button respectively under this.

Title Font and Color

As name suggests, you will get all settings for the font color, size ,height etc.

Title Font and Color > Title Font Size

You will be able to set the font size of the title for pages from entering value into the provided text box followed by px.

Title Font and Color > Title Line Height

You can alter the line height of the title from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Title Letter Spacing

You can change the spacing between letters of the title from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Subtitle Font Size

You will be able to set the font size of the subtitle for pages from entering value into the provided text box followed by px.

Title Font and Color > Subtitle Line Height

You can alter the line height of the subtitle from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Subtitle Letter Spacing

You can change the spacing between letters of the subtitle from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Breadcrumb Font Size

You will be able to set the font size of the breadcrumb text for pages from entering value into the provided text box followed by px.

Title Font and Color > Breadcrumb Line Height

You can alter the line height of the breadcrumb text from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Breadcrumb Letter Spacing

You can change the spacing between letters of the breadcrumb text from this setting. Enter value into the provided text box followed by px to do so.

Title Font and Color > Background

This option will change the background color for the title section on pages. Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Title Text

This option will change the color of the title text on pages. Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Subtitle Text

This option will change the color of the subtitle text on pages. Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Breadcrumb Text

This option will change the color of the breadcrumb text on pages. Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Breadcrumb Text Hover

This option will change the color of the breadcrumb text when mouse hover event on pages. Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Icon Background

You can set the background color of the scroll to down button on the pages from here.
Click on “Select Color” button under this and select color from color picker.

Title Font and Color > Icon

You can set the color of the scroll to down button arrrow on the pages from here.
Click on “Select Color” button under this and select color from color picker.