How To Use Title Blocks

A Title Block brings attention to specific areas on a page and can help you section your content.

How to Use Title Blocks in PhotoBiz

Overview

Title Blocks help you create clear headings and visual separation on your PhotoBiz website pages. You can use a Title Block for a main page heading, section introduction, or callout area that needs to stand out from the rest of your content.

This guide explains how to add a Title Block, choose a layout, edit the title text, customize the design, and manage the block using the block menu. You will also learn important SEO best practices for using Title Blocks correctly on your website.

Important SEO Note

Title Blocks automatically apply an H1 heading tag to the text inside the block. For SEO best practices, it is recommended to use only one H1 heading per page.

If you need additional section headings on the same page, use a Text Editor Block and apply H2 or H3 heading styles instead of adding multiple Title Blocks.

STEP ONE

This will open your Website Builder, where you can select the page you want to edit.

STEP TWO

Open the page where you want to add a Title Block.

In the Website Builder, open the block menu and click the Title Block icon. The Title Block is the first option in the block menu.

You can click the icon to add the Title Block to the bottom of the page, or you can click and drag the icon to place it in a specific location. As you drag the block, a teal placement bar will appear to show where the block will be added.

STEP THREE

Choose the Title Block layout you want to use.

Browse the available predesigned Title Block layouts and click SELECT on the layout you want to add to your page.

Blank layouts use your website’s global design settings. Predesigned layouts include custom styling based on the layout you select.

STEP FOUR

Click inside the Title Block to open the editing panel on the right side of the Website Builder.

Under the Title tab, enter the headline or title you want to display on the page. This text will be used as the visible title for the block and will automatically be styled as an H1 heading.

Click SAVE CHANGES to apply your update to the website.

Style Your Title Block

Customize the appearance of your Title Block using the available design settings.

You can adjust the alignment, spacing, colors, background, and font settings for the block. These settings allow you to control how the Title Block appears on the page without changing the rest of your website design.

If a setting has been customized, it may display a CUSTOMIZED label. To return that setting to your global site design, click the X icon beside the customized setting.

Click SAVE CHANGES after making you

Text Alignment & Spacing

These settings override your global site design settings found under the DESIGN tab.

You can adjust text alignment, space below the block, and space inside the block.

If a setting has been customized, it will display a CUSTOMIZED label. Click the X icon to reset the setting back to the default.

Color Settings

You can customize Title Block colors independently from your global site color scheme.

You can change the title text color and the background color.

Click the color selector or enter a HEX value to apply a custom color.

Click SAVE CHANGES after making updates.

Background Image

You can add a background image to a Title Block instead of using a solid background color.

Upload a custom image or choose one from the Background Library.

Choose how the image displays using options such as Tile, Top Left, Centered, or Cover.

Click SAVE CHANGES to apply the background image.

Font Customization

Under the Font tab, you can customize the font style, font size, letter spacing, and line height.

Click SAVE CHANGES when finished.

Additional Notes

All Title Blocks automatically apply an H1 tag. For SEO best practices, it is recommended to use only one H1 per page.

If you need additional headings on the same page, use a Text Editor Block and apply H2 or H3 styling instead of adding multiple Title Blocks.

Title Block Menu Options

You can click the pencil icon on the top-right corner of a Title Block to open the block menu. This menu includes additional options to help you manage and organize your page.

Copy
Creates a duplicate of the Title Block, including its text and styling. This is useful for reusing consistent headings across your page.

Move
Allows you to move the Title Block to the top or bottom of the current page, or move it to a different page within the Website Builder.

Learn More: How to Use the Move Function

Rename
Lets you rename the block for easier identification when working on pages with multiple blocks.

Advanced
Opens the full styling settings for the Title Block. This gives you access to all available design options in one place, including spacing, colors, fonts, and other visual settings.

Delete
Removes the Title Block from the page.

Best Practices for Using Title Blocks

Use Title Blocks when you need a strong primary heading or a major visual break on a page. Since Title Blocks automatically use an H1 heading tag, they are best used for the main heading of a page.

For better SEO and page structure:

Use one Title Block as the main H1 heading on a page.
Use Text Editor Blocks with H2 or H3 headings for additional sections.
Keep title text clear and descriptive.
Include keywords naturally when they help describe the page.
Avoid using multiple Title Blocks only for visual styling.

For example, a page about wedding photography could use a Title Block for the main heading, such as “Greensboro Wedding Photography.” Additional sections like “Engagement Sessions,” “Wedding Albums,” or “Featured Galleries” can be added with Text Editor Blocks using H2 or H3 heading styles.

Troubleshooting / FAQs

Why does my Title Block look different from the rest of my site?
This usually happens when a predesigned layout is selected or when custom styling options have been applied. Check for settings marked as CUSTOMIZED and click the X icon to reset them to your global site styles.

Why did my heading size or spacing change?
Changes to font size, spacing, or layout settings within the Title Block override your global design settings. Resetting the customized options will restore the default appearance.

NEXT: How To Use Text Editor Blocks

Previous Post Next Post

How To Create Friendly URLs

June 12, 2025

How To Review and Edit Your URL Slug

March 6, 2026

How Many H1 Title Tags Can I Use?

February 9, 2023

PhotoBiz Builder Overview

March 10, 2026

How To Use Title Blocks