Title Bar Shortcode

Title Bar Shortcode:

This shortcode allows adding a section that displays the title  of the software, name of the current page.
Content Settings:

Templates - Here you can choose template style for your Title Bar shortcode (Default or Classic Breadcrumb).

Default Style:

Background - Here you can add the background image.

Overlay Color - Here you can select the overlay color from the pallet box.

Heading source - Please, select the heading source.

Title tag - Here you can select the title tag.

Title - Here you can enter the title text.

Title alignment - Please, select the title alignment.

Use the custom font for title? -Turn on the switch if you want to customize the title font.

Breadcrumb - Turn on the switch if you want breadcrumb to be displayed. If you turn in the switcher you will have the next setting:

  • Breadcrumb alignment - Please, select the breadcrumb alignment.

Search Form - This option allows you to display the search form. If you turn in the switcher you will have the next settings:

  • Input Placeholder - Please, add the text of the input placeholder here.
  • Button Text - Please, add the button text here.

Content Settings:

Content Max Width - Here you can enter the max-width value for the content.

Title Bar Height - Here you can enter the min-height for the title bar.

Content Light - This option allows you to display content light.

Title bar padding - Here you can enter padding values for the title bar.

Image size Settings:

Image original size - Select the size of the image.

Button Settings:

Style - Here you can select the button style (dark or light).

Size - Here you can select button size (small or large).

Type - Here you can select the button type (reverse or transparent).

Box shadow - This option allows you to add the box-shadow to the button. Notice: It only works if the box-shadow is specified in skin generator.

Title Typography:

If you turn on the switcher "Use custom font for title?" in Content Settings you can customize font for the title.

Alignment -  - Here you can select the heading alignment. 

Text Color - Here you can select color from the palette.

Typography item: 
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select a style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.

Classic Breadcrumb Style:

Title - Here you can enter the heading text.

Breadcrumb type - Please, select the breadcrumb type.

Arrows Alignment - Please, select the alignment of the arrows.

Add arrows for first breadcrumb item - Turn on the switch if you want breadcrumb to be displayed.

Links color - Here you can select links color from the palette.

Content Settings:

Title bar padding - Here you can enter padding values for the title bar.

Title Typography:

Alignment -  - Here you can select the heading alignment. 

Text Color - Here you can select color from the palette.

Typography item: 
  • Family - Here you can select the typography for the title.
  • Size - Here you can set up the title size.
  • Weight - Please, select the weight for the title.
  • Transform - This option allows to change the case of the text. 
  • Style - Please, select text style for the title.
  • Decoration - Please, select a style for the title decoration.
  • Line-Height - Here you can enter a line height for the title.