Content blocks settings
| Setting | Description |
|---|---|
| Color scheme | Choose the color scheme applied to this section's background and text. |
| Full width | Turn this on to make the section stretch across the full width of the browser window. Turn it off to keep the section inside the page's standard width, with rounded corners. |
| Container border radius | Use the slider to set how rounded the corners of the section container are. Only available when Full width is turned off. The range is 0px to 100px. |
| Full height | If enabled, the minimum height of section will be the height of the viewport. Only available when Full width is turned on. |
| Vertical alignment | Choose how the section's content is aligned vertically inside it: Top, Center, or Bottom. Only available when Full height is turned on. |
| Background image | Upload an image to use as the section's background. |
| Background image dark mode | Upload an alternate background image to use when dark mode is active. If not selected, the background image will be used. Only available when dark/light mode is enabled and a Background image is selected. |
| Background image mobile | Upload a separate background image for mobile devices. If not selected, the background image will be used. |
| Background image mobile dark mode | Upload an alternate mobile background image to use when dark mode is active. If not selected, the background image dark mode will be used. Only available when dark/light mode is enabled and a Background image mobile is selected. |
| Background style | Choose how the background image fits the section: Cover (fills the section, may crop the image) or Contain (shows the whole image, may leave empty space). Only available when a Background image is selected. |
| Background style mobile | Choose how the background image fits the section on mobile devices: Cover or Contain. Only available when a Background image or Background image mobile is selected. |
| Padding top | Use the slider to set the spacing above the section's content on desktop. The range is 0px to 200px. |
| Padding bottom | Use the slider to set the spacing below the section's content on desktop. The range is 0px to 200px. |
| Padding top mobile | Use the slider to set the spacing above the section's content on mobile devices. The range is 0px to 200px. |
| Padding bottom mobile | Use the slider to set the spacing below the section's content on mobile devices. The range is 0px to 200px. |
Field visibility conditions:
- Container border radius appears only when Full width is turned off.
- Full height appears only when Full width is turned on.
- Vertical alignment appears only when Full height is turned on.
- Background image dark mode and Background image mobile dark mode appear only when dark/light mode is enabled in Theme settings, and only after the corresponding light-mode image has been selected.
- Background style appears only when a Background image is selected.
- Background style mobile appears only when a Background image or Background image mobile is selected.