Basic: collapsible content

Content blocks section

Collapsible content block is part of the section.


Block settings


Setting Description
Open row by default Enable this setting to automatically open the collapsible row by default when the section is loaded.

Number

Setting Description
Number Enter the number of the collapsible row.
Preset (Heading, Caption, and Paragraph)

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Caption, and Paragraph. Choose which style to apply in this block.

  • H1-H6: This style allows you to select a heading level from Hero, H1 to H6, and customize it using the options below.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Paragraph: This style is used for standard body text.
Font

Choose number font family.

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied.

  • Heading
  • Body
  • Accent
Color

Choose the color of the number for a closed row.

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Color hover

Select the number color for hover and active (open) states.

The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose number text style:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

Heading

Setting Description
Heading Add heading of collapsible row.
Preset (Heading, Caption, and Paragraph)

In Theme Settings → Typography → Fonts, you can set font settings for Heading, Caption, and Paragraph. Choose which style to apply in this block.

  • H1-H6: This style allows you to select a heading level from Hero, H1 to H6, and customize it using the options below.
  • Caption: This style is used for short supporting text, such as labels or annotations.
  • Subheading: This style is used for text that appears below a main heading, typically smaller or less prominent than the heading, but still visually distinct from body text.
  • Paragraph: This style is used for standard body text.
Font

Choose heading font family.

In Theme Settings → Typography → Fonts, you can select a font family from the list and choose the font weight at the end of the list separately for Heading, Body, and Accent text. Based on these settings, each block allows you to choose which font style is applied.

  • Heading
  • Body
  • Accent
Color

Set the heading color for a closed row.

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Color hover

Select the heading color for hover and active (open) states.

The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose heading text style:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

Content

Setting Description
Content Add content below the item heading. It is always visible when “Open row by default” is enabled; otherwise, it appears when the row is clicked.
Color

Set the content color.

Each color scheme includes Heading, Text, and Accent color settings. Use this dropdown to select which color to apply. The available options may vary depending on the selected block color scheme.

  • Heading
  • Text
  • Accent
Text style

Choose content text style:

  • Normal: Displays the text exactly as entered in the rich text field in the theme customizer or the rich text field in the admin.
  • Uppercase: ALL LETTERS ARE CAPITALS
  • Lowercase: all letters are small

Padding

Padding settings are repeated across sections and blocks, which is why they are included in the Global settings category.

For more details, read these article: Expanded block padding settings

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us