Zibster Website Package includes the Title block which allows you include a title text to your website page. This block is a great way to draw attention to the overall content of the page. This guide will walk you through how to add a Title block to your Zibster website.
STEP ONE
Log into your Zibster account and click on Website in the left-side menu.
ADDING A TITLE BLOCK
The Title Block is the first icon at the top of the available blocks you can add to your page. To add it, click on the icon to place it at the bottom of the page, or click and hold the Title icon to drag it to your preferred location on the page. A teal bar will help guide you as you position the Title Block.
EDITING THE TEXT ON YOUR TITLE BLOCK
Once the Title Block is on your page, click anywhere inside the block to open the editor on the right-hand side of your screen.
Title Text
The first icon in the Edit Title menu is for text. Enter the text you'd like to appear in the Title Block in this section. Any text used in the Title Block will be an H1 tag on your web page.
Click on Save Changes to add your text to the Title Block.
EDITING THE ALIGNMENT, COLORS, BACKGROUND, & FONTS
STYLYING
The text alignment in a Title Block is centered by default. The Space Below Block and Space Inside Block settings are controlled by the global styling settings for your site, which can be found under the Design tab. You can customize these settings to override the defaults for the Title Block in this section.
- Text Alignment: Change the alignment of your title to be left, right, or centered on your page.
- Space Below Blocks: Controls the amount of space before the next block begins.
- Space Inside Blocks: Controls the amount of space at the top and bottom of a block.
Not sure if you’ve created an override to the global settings in your account? A Customized label will appear next to any settings that have been changed from the global defaults. Customized settings will remain in effect even if you change your template. Click the "x" to remove the customization.
Click on Save Changes to apply your updates to Text Alignment and Space Options.
COLORS
The colors used in your Title Block by default will follow your global color scheme. However, you can override these global color settings to customize the Title Block colors in this section.
- Title Color: This is the font color of your Title Block text. By default, this will be set to the Accent 1 color in your global color scheme. Click on the color square or enter the HEX color code to customize it.
- Background Color: This is the background color of your Title Block. By default, this color will be set to the Site Background color in your global color scheme. To customize it for the block, click on the color square to select a color or enter the HEX color code.
Click on Save Changes to apply your changes to the Title Block colors. The Customized label will appear next to any colors you've changed from your default color scheme settings.
BACKGROUND
By default, the Title Block will use the Background Color setting in the color picker. You can make your text stand out more by adding a background image. You can upload your own custom background image or choose one from the Background Library.
If you upload a custom background or select a file from the Background Library, you can customize how the background image is displayed under the Background Settings with the following options:
- Tile: Tiles your image to fill the background.
- Top Left: Aligns your image to the top left.
- Centered: Aligns your image at the center of the available space.
- Cover: Scales your image to be as large as possible to completely cover the background.
Click on Save Changes to apply your changes to the background settings.
FONTS
You can easily customize the fonts in your Title Block to override your global font settings. You can change the font, font size, letter spacing (kerning), and line height for the title.
Click on Save Changes at the bottom of the control panel menu to apply your changes.
If you have any questions about the Title Block, please contact our Support Team by phone at 844.353.3412 or via live chat from your Zibster control panel. We’re available Monday through Friday, 9:00 AM - 6:00 PM EST, and we’re happy to help you however we can.
0 Comments