Section Examples
This is the default section.
This is the section block with a background and top border. Borders can be added to the top, right, bottom or left.
This is the section block set to have a bottom border with a different color.
Adding a Section Block
Method 1 – Use a forward slash (/) and then type out “section”. The section block should show up.
Method 2 – After selecting the editor, the user should see a + icon. Selecting this should show a list of the most common blocks used. If the section block is not there, use the search feature to find it.
Section Block Features
Side Panels
After selecting the section block, the user will see the following options on the right hand panels:
- Display Options – Users can select the to have the section expand the entire width of the window. The other option available on this panel is adding a border to the top, right, bottom, or left of the section.
- Color Options – Users can select the background color and border color.
- Space Settings – Users can add margin to the section blocks. This is usually done to add more spacing around block so they are not too close to other elements.
- Advanced – Allows users to schedule the block, position the block, and hide the block on a specific breakpoint.
- Block Scheduling (if enabled) – Allows block to be scheduled. This causes the block to be published or unpublished depending on the date selected.