Overlap Spotlight Examples
Default Style
This is a content area
You can add different block types in this area.
Edited Style
The following overlap spotlight block has had some styling changes done. The content area has moved to the middle of the area. Dark mode, drop shadow, and image notch has been toggled on.
This is a content area
You can add different block types in this area.
The layout of this block has been reversed to have the content area on the left and the image on the right. The border has also been moved from the top to the right.
This is a content area
You can add different block types in this area.
Adding a Overlap Spotlight Block
Method 1 – Use a forward slash (/) and then type out “overlap spotlight”. The people list 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 overlap spotlight block is not there, use the search feature to find it.
Overlap Spotlight Block Features
Side Panels
After selecting the overlap spotlight block, the user will see the following options on the right hand panels:
- Display Option – In this panel, users can the amount of overlap for the block. Users can also select other options like drop shadow, adding a notch on the image, enabling dark mode, adding a border, and assigning the max-width.
- Image Options – Add the image for the block.
- Style Options – Select the style of the block. This allows users to change the location of the content and image.
- Space Settings – Users can add margin to the block. 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.