Title Bar (Sterling)

Here you can select Layout style for Title Bar block.


Content Settings:

Each layout consists of Content section:

Default Style

Background - Here you can add the background image.

Overlay color - Here you can choose the overlay color from the palette.

  • Heading source - Please, select the heading source.
  • Title tag - Here you can select the title tag.
  • Title - Here you can add the title to the current item.
  • 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.
  • Search Form - Turn in the switcher and this option allows you to display the search form.

Classic Breadcrumbs

  • 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.

Title Bar 1

  • Heading source - Please, select the heading source.
  • Title tag - Here you can select the title tag.
  • Title - Here you can add the title to the current item.
  • Use custom font for title? - Please, turn on the switch if you want to customize the title typography.
  • Search Form - Turn in the switcher and this option allows you to display the search form.

Title Bar 2

  • Search Form - Turn in the switcher and this option allows you to display the search form.

Karma Education Search Bar

  • Search Form - Please, turn on the switch to display the Search Form
  • Input Placeholder - Keyword Search.
  • Submit text - Add the title to the current button.
  • Use custom font for submit? - Please, turn on the switch if you want to customize the submit typography.
  • Use custom font for input text? - Please, turn on the switch if you want to customize the text typography.

Typography Settings

You can customize and edit Typography in each layout.

In order to do so, turn on the switcher where it is needed. 

Example :

Title Typography:

Alignment -  - Here you can select the title alignment.  

Text Color - Here you can select title color from the palette.
Typography items: 
  • 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 style for the title decoration;
  • Line-Height - Here you can enter a line height for the title;
  • Letter Spacing - Here you can enter a letter spacing for the title.

The following Typographies you can customize in the same way in each layout.

  • Text Input Typography
  • Submit Typography
  • Description Typography
  • Breadcrumbs  Typography
  • Arrow Typography

Button Settings:

In section Button Settings you can customize buttons in some layouts.

Image Size:

In section Image Size you can set the image size in the block: