“Advanced”, the final section in the “Properties” panel, offers content creators greater scope for customization.
The tools in this section require some knowledge of CSS and HTML positioning. But they allow page designers to create a specific layout that they might not be able to achieve using general width and height settings or by using the padding and margin spacing tools.
Add an image to your canvas. The one in our example has been resized to 50% column width. This was done by adding the image to the canvas, selecting it to open the “Properties” panel, choosing “General”, “Width” and then typing 50. The height of the image was adjusted by grabbing and dragging its bottom edge.
The “Advanced” section offers 4 types of spacing based on CSS property values.
Static
This is the default position, on the page, of content blocks. The blocks appear in order.
Relative
Content blocks appear relative to their placement in the publication’s flow.
Absolute
This removes content blocks from the publication’s flow so that they scroll with the page.
Fixed
This removes content blocks from the publication’s flow, allowing them to be positioned anywhere. When scrolling, the content blocks won’t move with the page, for example.