Background Color Styles are applied via the "Settings" for the block. If applied to a section (top-level block) the color will be "full-bleed" edge to edge. Otherwise, there might be side margins.
Top and Bottom Padding can be applied to sections, layouts, and individual "atomic" blocks, via the "Settings" for the block.
NOTE: In these demos, the padding is applied to the header blocks only.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus lacus, vestibulum eget risus id, vestibulum rhoncus nisl. Mauris quam erat, posuere vitae condimentum a, vehicula et arcu. Nam condimentum tortor lectus, et convallis est suscipit sit amet. Nulla a lacus dui. Curabitur pellentesque molestie tortor vel consectetur. Cras vestibulum vitae arcu quis pulvinar. Sed sed risus imperdiet urna eleifend hendrerit in id purus. Morbi at dui nec dolor finibus malesuada.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus lacus, vestibulum eget risus id, vestibulum rhoncus nisl. Mauris quam erat, posuere vitae condimentum a, vehicula et arcu. Nam condimentum tortor lectus, et convallis est suscipit sit amet. Nulla a lacus dui. Curabitur pellentesque molestie tortor vel consectetur. Cras vestibulum vitae arcu quis pulvinar. Sed sed risus imperdiet urna eleifend hendrerit in id purus. Morbi at dui nec dolor finibus malesuada.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus lacus, vestibulum eget risus id, vestibulum rhoncus nisl. Mauris quam erat, posuere vitae condimentum a, vehicula et arcu. Nam condimentum tortor lectus, et convallis est suscipit sit amet. Nulla a lacus dui. Curabitur pellentesque molestie tortor vel consectetur. Cras vestibulum vitae arcu quis pulvinar. Sed sed risus imperdiet urna eleifend hendrerit in id purus. Morbi at dui nec dolor finibus malesuada.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus lacus, vestibulum eget risus id, vestibulum rhoncus nisl. Mauris quam erat, posuere vitae condimentum a, vehicula et arcu. Nam condimentum tortor lectus, et convallis est suscipit sit amet. Nulla a lacus dui. Curabitur pellentesque molestie tortor vel consectetur. Cras vestibulum vitae arcu quis pulvinar. Sed sed risus imperdiet urna eleifend hendrerit in id purus. Morbi at dui nec dolor finibus malesuada.
"Atomic" refers to the smallest independent part. These are the blocks which are available to use inside column areas in Grid layouts.
"Rich Text Editor" Block. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin metus lacus, vestibulum eget risus id, vestibulum rhoncus nisl. Mauris quam erat, posuere vitae condimentum a, vehicula et arcu. Nam condimentum tortor lectus, et convallis est suscipit sit amet. Nulla a lacus dui. Curabitur pellentesque molestie tortor vel consectetur. Cras vestibulum vitae arcu quis pulvinar. Sed sed risus imperdiet urna eleifend hendrerit in id purus. Morbi at dui nec dolor finibus malesuada.
Praesent egestas eleifend erat sit amet pharetra. Nulla imperdiet magna in ligula imperdiet convallis. Morbi interdum velit eu iaculis aliquam. Sed id orci elementum neque hendrerit blandit. Vestibulum cursus nibh a justo maximus, a efficitur lorem consequat. Phasellus sit amet metus ut purus vestibulum pellentesque.
Modal Content Link"Image" Block
Size & Position: Default
Style: NONE
"Image" Block
Size & Position: Centered
Style: Rounded Circle