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.
Section settings
Setting | Description |
Caption | An optional caption for the collapsible content section. Displays above the section heading. |
Heading | The heading of the collapsible content section. |
Heading size | Change the size of the heading text. Choose between small, medium, or large. |
Heading alignment | Choose the alignment of the section heading. Options are left, center (default), or right. |
Layout |
Select a layout for your collapsible content:
|
Color scheme | The background color of the collapsible content section. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse. |
Container color scheme | The background color of the collapsible content container. Choose between Accent 1, Accent 2, Background 1, Background 2, or Inverse. The color scheme selected is visible only when the Layout option is set to Row or Section container. |
Open first collapsible row | When checked, the first row of your collapsible content will be expanded by default. |
Image | 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. |
Image ratio | The image ratio for the section image:
|
Desktop layout | Choose whether the image or the collapsible rows appear first. Default setting is text first. On mobile, the image always appears first. |
Section padding | 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
Setting | Description |
Heading | A heading for the collapsible row. |
Icon | 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. |
Row content | 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. |
Comments
0 comments
Article is closed for comments.