# Collapsible row

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Choose **Products** from the dropdown window **->** Choose **Default product**.
4. From the side menu, select **Product information**. Click **+ Add block** and select **"Collapsible row"** block, or click the **Search** bar to enter a search term.

<table><thead><tr><th width="233">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Heading</td><td>Add text to display as a heading. Include a heading that explains the content.<br><mark style="color:red;">(</mark><em><mark style="color:red;">Show if field is blank or not)</mark></em></td></tr><tr><td>Heading size</td><td><p>Font size of text:</p><ul><li><strong>Default</strong></li><li><strong>XX-Small</strong></li><li><strong>X-Small</strong></li><li><strong>Small</strong></li><li><strong>Medium</strong></li><li><strong>Large</strong></li><li><strong>X-Large</strong></li><li><strong>XX-Large</strong></li><li><strong>XXX-Large</strong></li></ul></td></tr><tr><td>Font weight heading</td><td><p>Select the font weight heading from the dropdown menu:</p><ul><li><strong>Normal</strong></li><li><strong>Semibold</strong></li><li><strong>Bold</strong></li></ul></td></tr><tr><td>Icon</td><td>Select icon from the dropdown menu</td></tr><tr><td>Select content</td><td><p>Select the content for the block:</p><ul><li><strong>Content from product description</strong></li><li><strong>Custom content</strong></li></ul></td></tr><tr><td>Content</td><td>Add text to display as a <strong>custom content</strong><br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>custom content</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Content from page</td><td>Select content from page (page content).</td></tr></tbody></table>

#### Block padding

<table><thead><tr><th width="235">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Top padding</td><td>Determines the height of the top inner space of the block. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Bottom padding</td><td>Determines the height of the top inner space of the block. Can be from <strong>0px</strong> to <strong>50px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr></tbody></table>
