Building Pages with Blocks and Using Inline Styling
Whenever possible, control styling from the Styles panel in the Editor.
Creation Date: Dec 27, 2024
Created By: LKF Marketing
1. Click on Add New Page
2. Type Page Name
3. Click on Document Overview
4. Click on Toggle block inserter
5. To build a fullwidth block with either a solid or an image background, Click on Cover
6. Click on Upload to add an image to use as the fullwidth block background image. You can also simply select a background color for this block if you don’t want to use an image.
7. To create a floating text block, Click on Columns
8. Change the column number setting and change the number to the desired amount of columns
9. Click on Block: Column (2 of 2)
10. Click on Add block
11. Click on Heading
12. Add content, defining the Headings, Paragraphs, Buttons, and change the background color of the column
13. To modify the styling of elements within a block, you can highlight that element and click on the Styles icon (black/white circle) and make your changes
14. To modify the styling of elements within a block, you can highlight that element and click on the style icon (black/white circle) and make your changes.
Important note: If you change margins or padding of a block, be sure to make those modifications to the uppermost level of the block (example: Group :: Column :: Left Column :: Right Column :: Heading :: Heading :: Paragraph :: Button :: First Button
15. Make dimension changes at the top most level of the group of elements, in this case the Right Column
16. Type “2”
17. Click on Save
18. Click on Group
19. Click on Save
20. To see how the pages renders, click on View Page
