The collapsible content section supports rows that can be collapsed or expanded to view the content within, and an image that can be placed to the left or the right of the collapsible content.
|Set the width of the section.
|The title of the collapsible content section.
|The subtitle of the collapsible content section.
|Change the size of the heading text. Choose between small, medium, or large.
|Pick a color scheme.
|Open first collapsible row
|When checked, the first row of your collapsible content will be expanded by default.
|The image for the section. Click Select Image to choose an image, or click the Change button to change or remove the image.
|Edit alt text
|Add a brief image description to improve SEO and to describe the image for customers using screen readers.
|The image ratio for the section image:
- Adapt to image (default)- Uses the aspect ratio of the images. This prevents the images from being cropped.
|Hide image on mobile
|The image will not be displayed on screens less than 750 pixels wide.
|Choose whether the image or the collapsible rows appear first. Default setting is text first. On mobile, the image always appears first.
|Add spacing to the top or bottom of the collapsible content. Use the range slider to add between 0px and 100px of space above or below the collapsible content section.
Collapsible row block
|A heading for the collapsible row.
|Choose an icon from the drop-down list to display in front of the collapsible content heading. The check mark icon is selected by default.
|Content for the collapsible row. Content can be formatted or include URL links. This feature can be used in conjunction with Row content from page.
|Row content from page
|You can insert existing content from another page into a collapsible row. Click Change to select or remove a page. This feature can be used in conjunction with Row content.