BlockStrap Documentation

BS > Archive Title

Block Description

The BS > Archive Title Block of the BlockStrap Page Builder Blocks plugin is designed to display the title of the current post archive on your WordPress website.

Particularly useful when creating a template using the FSE editor, this block makes it easy to automatically display the appropriate archive title when users navigate to various post archive pages, such as category, tag, or date archives.

Block Features

The BS > Archive Title Block provides the following features:

  • Automatically displays the title of the current post archive based on the type of archive page being viewed (e.g., category, tag, date)
  • Allows customization of the text style, alignment, and appearance to match the website’s design
  • Offers advanced settings for further customization, such as adding custom CSS classes

Block Options

Content

  • Title
    • HTML TAG (dropdown): Choose the appropriate HTML tag for the archive title, such as h1, h2, h3, h4, or h5. Selecting the right tag helps maintain a proper heading hierarchy, improving your website’s structure and accessibility.
    • Remove archive prefix: (checkbox): Enable this option to remove the default archive prefix text, like “Category:” or “Tag:”, from the archive title. By checking this box, only the category’s name or tag will be displayed as the archive title without the preceding label.

    Styles

    • Typography
      • TEXT COLOR (select): Choose the text color from the available theme color palette or Bootstrap color options. This enables you to match the text color with your website’s design.
      • FONT SIZE (select): Pick from a range of Bootstrap font size options, such as fs-base, fs-6, fs-5, fs-4, fs-3, fs-2, fs-1, fs-lg, fs-sm, fs-xs, fs-xxs, h6, h5, h4, h3, h2, h1, display-1 to display-6, or set a custom font size. This ensures consistency in the text size across your website.
      • APPEARANCE (select): Customize the font weight and style by choosing from options like bolder, bold, normal, and others. This allows you to control the emphasis and appearance of the text within the content block.
      • FONT LINE HEIGHT (text input): Set a custom value for the line height of the text. This affects the spacing between lines of text within the content block, making it easier to read.
      • Text justify (checkbox): Enable this option to justify the text within the content block. When checked, the text will be aligned to both the left and right margins, creating a clean and polished appearance.
      • TEXT ALIGN (select): Choose from available alignment options, such as default, right, left, or center, to control the positioning of the text within the content block.

    Advanced

    • Wrapper Styles
      • BACKGROUND COLOR (select): Choose the background color from the available theme palette or Bootstrap color options.
      • Margins (input fields): Adjust the margin values for the top, right, bottom, and left sides of the content block. Enter custom values in the respective input fields to control the space surrounding the block.
      • Padding (input fields): Modify the padding values for the top, right, bottom, and left sides of the content block. Enter custom values in the respective input fields to control the space between the block’s content and its border.
      • BORDER COLOR (select): Choose the border color from the available theme palette or Bootstrap color options.
      • SHADOW (select): Apply a box-shadow to the content block. Choose between different shadow options like small, medium, large, or none to create the desired depth effect.
      • POSITION (select): Control the position of the content block in relation to other elements on the page. Choose from options like static, relative, absolute, fixed, or sticky.
      • DISPLAY (dropdown): Set the display property of the content block, which controls how the block is rendered on the page. Choose from options like block, inline, inline-block, or flex.
    • Advanced
      • ADDITIONAL CSS CLASS(ES) (input field): Add custom CSS classes to the content block for further customization. Enter one or multiple class names, separated by spaces, in the input field. These custom classes can target the block with additional CSS rules defined in your theme or custom CSS file.
    Feedback