Configure modules: 2. Design
Under the “Design” tab, you’ll find various options to customize the appearance of a module. The available settings may vary depending on the selected module type.
Define how the background of your module should look:
- Choose a background color
- Or use a background image to visually enhance your design
Background size
Decide how a background image should be scaled — for example, whether it should completely fill the layer or be repeated. This lets you control the visual effect of the image precisely.
Overlay
Here you can place an additional overlay image on top of the module — for example, a watermark, logo, or decorative element.
Overlay size
Adjust the scaling of the overlay so that it fits the module area perfectly.
Outer spacing (Margin)
Defines the outer spacing from the module’s edge — that is, the distance outside the module to the surrounding area or other elements.
Inner spacing (Padding)
Specifies the inner spacing between the module’s content and its border — the distance inside the module itself.
Opacity
Set the transparency of the entire module:
- 100% = fully visible
- 0% = fully transparent (invisible)
Rotation
Rotate the module by any angle. This is useful for creative layouts or angled text elements.
Zoom
Define the zoom factor of the module. This allows you to scale content up or down without changing the module itself.Style
Here you can add your own CSS classes (styling classes) — separated by spaces. This lets you further customize the module with custom styles.
On the next page, you’ll find more about the topic "scheduling" – click here to keep reading!