Section Heading

h-code-document-text-block
Add styled section heading to any page/post/portfolio post. 13 different section heading style with heading & CSS settings and configurations.

Please follow below steps to use “Section Heading” shortcode.

  • Step 1: Login to WordPress Admin section.
  • Step 2: Add/Edit any page/post/portfolio post.
  • Step 3: Click on “+” button (Add New Element), it will show the popup with all shortcodes.
  • Step 4: Click on Brando tab, it will show all shortcodes of Brando theme. Now click on “Section Heading” shortcode.
  • Step 5: Follow below inputs/settings and see “Section Heading” preview in frontend.

General (tab)

If Heading Style 1 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 2 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.
Heading Title – Add text for heading title.

Add Separator – Select TRUE to add Separator.

General (tab)

If Heading Style 3 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 4 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 5 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 6 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 7 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 8 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 9 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 10 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 11 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

General (tab)

If Heading Style 12 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

Add Separator – Select TRUE to add Separator.

General (tab)

If Heading Style 13 is selected:

Heading Style – Select heading style from 13 pre-defined portfolio types (Heading Style1, Heading Style2, Heading Style3, Heading Style4, Heading Style5, Heading Style6, Heading Style7, Heading Style8, Heading Style9, Heading Style10, Heading Style11, Heading Style12, Heading Style13). Each style has preview image, it will help you to select best heading style you like.

Heading Title – Add text for heading title.

Heading Style (tab)

Heading Tag – select heading tag as H1, H2, H3, H4, H5, H6, span, p, Div.

Text Color – Set color for heading text.

CSS Style (tab)

Padding – Apply padding with pre-defined padding classes or specify your custom padding for desktop/tablet/mobile devices.

Margin – Apply margin with pre-defined margin classes or specify your custom margin for desktop/tablet /mobile devices.

Font Size – Define font size like 12px

Line Height – Define line height like 20px

Font Weight – Select font weight from pre-defined list

Text Transform – Select Text Transform from pre-defined list.

Extras (tab)

Extra ID – Define element id (The id attribute specifies a unique id for an HTML element)

Extra Class – Add additional CSS class to this element if you wish, you can define multiple CSS class with use of space like “Class1 Class2”