Title Bar Shortcode
Title Bar Shortcode:
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.
- 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.
- 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.