# \[Block] Slide

1. Select the **quotes** option from the theme editor.
2. Click on **Add block**. Select **Slide** from **Theme Block** dropdown.

<table><thead><tr><th width="240">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Content max width</td><td><p>Select content max width from the dropdown menu:</p><ul><li><strong>Customize</strong></li><li><strong>Full width</strong></li></ul></td></tr><tr><td>Custom content max width</td><td>Determines the custom content max width of the block. Can be from <strong>100px</strong> to <strong>500px</strong>, in <strong>10px</strong> arithmetic increments.<br><em><mark style="color:red;">(Use for</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>'Customize'</strong></mark><mark style="color:red;"> </mark><mark style="color:red;">Content max width)</mark></em></td></tr><tr><td>Text</td><td>Add text to display as a <strong>custom content</strong> for this block. You can use <strong>HTML</strong> format to fill in this field.<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>Typography style</td><td>Select the Font Style from <strong>Font Heading</strong> or <strong>Font body</strong>. These two font families are specified in the <strong>Theme settings</strong> > <strong>Typography</strong></td></tr><tr><td>Subheading size</td><td><p>Font size of text:</p><ul><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>Text bottom margin</td><td>Determines the margin area on the top of the text. Can be from <strong>0px</strong> to <strong>100px</strong>, increasing arithmetically of <strong>1px</strong> (pixel).</td></tr><tr><td>Avatar</td><td>Set up an avatar<br><em><mark style="color:red;">(Will be scaled down to</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>40x40px</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Use custom size avatar</td><td>Enable/disable checkbox</td></tr><tr><td>Custom size avatar</td><td>Determines the size avatar. Can be from <strong>20px</strong> to <strong>100px</strong>, in <strong>1px</strong> arithmetic increments.</td></tr><tr><td>Information</td><td>Add text to display as a <strong>custom content</strong> to describe this section <br><em><mark style="color:red;">(Leave the field blank to hide the</mark><mark style="color:red;"> </mark><mark style="color:red;"><strong>description text</strong></mark><mark style="color:red;">)</mark></em></td></tr><tr><td>Information 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>Rating</td><td><p>Select rating from the dropdown menu:</p><ul><li><strong>No rating</strong></li><li><strong>1 star</strong></li><li><strong>2 stars</strong></li><li><strong>3 stars</strong></li><li><strong>4 stars</strong></li><li><strong>5 stars</strong></li></ul></td></tr><tr><td>Content alignment</td><td><p>Select content alignment from the dropdown menu:</p><ul><li><strong>Left</strong></li><li><strong>Center</strong></li><li><strong>Right</strong></li></ul></td></tr><tr><td>Time</td><td>Add time with below formating to show time.<br><em><mark style="color:red;">(</mark><mark style="color:red;"><strong>Example: 02/07/2023 11:05:00 or Mon Feb 07 2023 11:05:00 GMT</strong></mark><mark style="color:red;">)</mark></em></td></tr></tbody></table>

#### Colors

<table><thead><tr><th width="239">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Background</td><td>Set the background color for this block</td></tr></tbody></table>