Blockquote

h-code-document-text-block
Add styled Blockquote to any page/post/portfolio post.

Please follow below steps to use “Blockquote” 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 H-Code tab, it will show all shortcodes of H-Code theme. Now click on “Blockquote” shortcode.
  • Step 5: Follow below inputs/settings and see “Blockquote” preview in frontend.

General (tab)

Content – Add content using HTML editor.

Heading Title – Add text for heading title.

Show Blockquote Icon – Yes/No Options

Blockquote Style (tab)

Blockquote Background Color – Set background Color.

Blockquote Text Color – Set text color.

Border Position – Select border as (Border Top, Border Bottom, Border Left or Border Right)

Font Size – Define font size like 12px

Line Height – Define line height like 20px

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.

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”