Access the Design Studio from the left side panel, and navigate to the Title sections tab.
You can choose to create a new template or open one of the pre-built templates to edit it.
How to design a title section
Use the panel on the right to set the main container's size, padding, fill color, stroke, etc.
Click on the plus sign at the top of a block to add a new element. Options are: article title and subtitle (these are placed by default but can be deleted if not needed), chapter title, publication title, text, social links or button.
You can also add a new block and add any of the elements listed above to it.
Select any of the elements to adjust its properties in the right side panel.
You have the option to change the device view for specific design purposes by simply clicking the icons at the top for computer, tablet, or phone.
Overlap elements
At the bottom of the Container panel you will find the Structured grid layout option. When this option is enabled, blocks are arranged in a structured grid layout that prevents collisions. Disabling this feature allows blocks to overlap freely.
When Structured grid layout is disabled, select any block and click on the pencil icon at its top right to edit its Z value. All blocks have a 0 Z value by default. Increase the Z value to make the block appear in front of another block.
The title-and-subtitle block has a Z value of 1 and has been placed in front of the image block
Add a call to action
Click on the plus sign at the top of any block to add a button to it ("Read More", "Learn More", etc). Select the button to set its link in the right side panel. You can set a URL, choose from any of your published pages or "Skip to content" to scroll down from the title section to your page's body.
If you want the button to overlap an image, increase the Z value of the block that contains it and drag the block in front of the image.