BlockStrap Documentation

BS > Post Title

Block Description

The BS > Title Post Block is a flexible building block primarily used to display the title of a post within your page layouts. It can dynamically pull the title from the current post in context (for example, within an Archive block) or a specified post.

Block Features

The BS > Title Post Block features include:

  • Ability to specify the HTML tag used for the title text.
  • Link the title directly to the post.
  • A comprehensive set of styling options to adjust typography, alignment, color, and more.
  • Wrapper styles to further customize the appearance of the block, such as background color, margins, padding, etc.
  • Advanced options to apply custom CSS classes.

Block Options


  • Title
    • HTML TAG (Dropdown): Choose the appropriate HTML tag to wrap the title for semantic structure and SEO purposes.
    • Link to Post (Checkbox): Allows the title to act as a hyperlink, leading directly to the post.


  • Typography
    • TEXT COLOR (Dropdown): Choose the color of the text from a predefined list of options.
    • FONT SIZE (Dropdown): Define the size of the text.
    • FONT LINE HEIGHT (Dropdown): Determine the spacing between lines of text.
    • APPEARANCE (Dropdown): Choose between various font-weight and style options.
    • Text Justify (Checkbox): Align the text to justify, meaning it is aligned along the left and right margins.
    • TEXT ALIGN (Dropdown): Select the horizontal alignment of the text.


  • Wrapper Styles
    • BACKGROUND COLOR (Dropdown): Choose the background color from a predefined list of color options.
    • Margins (Input Fields): Adjust the margin values for the top, right, bottom, and left sides of the block.
    • Padding (Input Fields): Modify the padding values for the top, right, bottom, and left sides of the block.
    • BORDER COLOR (Dropdown): Choose the color of the border from a predefined list of color options.
    • SHADOW (Dropdown): Select from a range of shadow intensity options to apply a box shadow to the block.
    • POSITION (Dropdown): Choose the position value (static, relative, absolute, fixed) for the block.
    • DISPLAY (Dropdown): Select the display property (block, inline-block, flex) for the block.
  • Advanced
    • ADDITIONAL CSS CLASS(ES) (Input Field): Apply custom CSS classes to the block for further customization. Enter one or more class names, separated by spaces, in the input field. These custom classes can be used to target the block with additional CSS rules defined in your theme or custom CSS file.