Block Divider: Difference between revisions
From Posstack.com Documentations
mNo edit summary |
mNo edit summary |
||
| (One intermediate revision by the same user not shown) | |||
| Line 2: | Line 2: | ||
It supports a variety of 15 horizontal divider styles. In addition, you can also use a custom image as a divider and configure the image height to fit your needs. | It supports a variety of 15 horizontal divider styles. In addition, you can also use a custom image as a divider and configure the image height to fit your needs. | ||
{{Note|See Divider examples [https://easy-content-builder-demo.myshopify.com/pages/section-variations here].|inline}} | |||
[[File:Ecb divider.png|alt=Easy Content Builder - Divider Block|1024x1024px]] | [[File:Ecb divider.png|alt=Easy Content Builder - Divider Block|1024x1024px]] | ||
'' | {{Note|''If you’re new to our Easy Content Builder, please refer to section [[Add Sections|Add App Sections]] and [[Add Blocks|Add ECB Blocks]] for more details on how to create and edit a section or a block.''|info}} | ||
{| class="wikitable" | {| class="wikitable" | ||
|+ | |+ | ||
| Line 56: | Line 56: | ||
|Set the vertical spacing between elements. | |Set the vertical spacing between elements. | ||
|} | |} | ||
===Add other content blocks=== | |||
You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure. | |||
[[File:Ecb-block-v2.jpg|border|frameless|800x800px]] | |||
{{Note|See [https://easy-content-builder-demo.myshopify.com/pages/section-variations all content blocks] available that you can add to a section.|reminder}} | |||
Latest revision as of 00:21, 24 February 2024
The Divider block lets you add horizontal lines that separate the content sections of a page.
It supports a variety of 15 horizontal divider styles. In addition, you can also use a custom image as a divider and configure the image height to fit your needs.
See Divider examples here.
If you’re new to our Easy Content Builder, please refer to section Add App Sections and Add ECB Blocks for more details on how to create and edit a section or a block.
| Block Settings | Description |
|---|---|
| Style |
|
| Color | Select the color of the divider |
| Text | Enter the title text displayed inside the horizontal divider (only applied when Style is set to Text center) |
| Text Color | Select the text color |
| Text Background Color | Set the background color of the text |
| Image | Upload a background image to use as a divider. |
| Image Height | Set the height (px) of the background image |
| Background Image Repeat | Set if the background image will be repeated horizontally |
| Max Width | Set the maximum width of the container (in pixels). Enter 0 to use the default max width set by your theme |
| Margin | Set the vertical spacing between elements. |
Add other content blocks
You can add many content blocks to a section you've created. These content blocks will be displayed in different positions within the section, depending on the Desktop/Mobile Layouts you configure.
See all content blocks available that you can add to a section.
