# Section components

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

Use this setting to customize the "Section title, Button, Slider button".

<table><thead><tr><th width="220">Block</th><th>Description</th></tr></thead><tbody><tr><td>Section title</td><td><p><strong>Heading size</strong> </p><p>Customization of the "Section heading size" is as follows:</p><ul><li>Small</li><li>Medium</li><li>Large</li></ul><p></p><p><strong>Heading alignment</strong> </p><p>Customization of the "Section heading alignment" is as follows:</p><ul><li>Left</li><li>Center</li></ul><p></p><p><strong>Heading formatting</strong> </p><p>Customization of the "Section heading Formating" is as follows:</p><ul><li>Default</li><li>Lowercase</li><li>Capitalize</li><li>Uppercase</li></ul><p></p><p><strong>Heading style</strong> </p><p>Customization of the "Section heading style" is as follows:</p><ul><li>Default</li><li>Marquee</li></ul><p></p><p><strong>Color scheme</strong> </p><p>Pick a predefined color scheme for the section heading area. This controls background and text colors of section heading.</p><ul><li>Scheme 1</li></ul><ul><li>Scheme 2</li></ul><ul><li>Scheme 3</li></ul><ul><li>Scheme 4</li></ul><ul><li>Scheme 5</li></ul><ul><li>Scheme 6</li></ul></td></tr><tr><td>Button</td><td><p><strong>Enable icon</strong> </p><p>Enable this to show icon in all buttons.</p><p></p><p><strong>Enable slide button view</strong> </p><p>Enables a sliding button animation effect.</p><p></p><p><strong>Button style</strong> </p><p>Choose the appearance of buttons:</p><ul><li>Filled</li></ul><ul><li>Outline</li></ul><ul><li>Link</li></ul></td></tr><tr><td>Slider button</td><td><p><strong>Enable switch button</strong> </p><p>Enable this to show slider button in switch format. </p><p></p><p><strong>Hide slider controller on mobile</strong> </p><p>Enable this to hide the slider control UI on mobile devices for a cleaner layout. </p><p></p><p><strong>Slider component position</strong> </p><p>Customization of the "Slider button position" is as follows:</p><ul><li>Top</li><li>Bottom </li></ul><p></p><p><strong>Slider button width</strong>  </p><p>Customization of the "Slider button position" is as follows:</p><ul><li>Wide</li><li>Square</li></ul></td></tr></tbody></table>

<figure><img src="https://2356931311-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F2wXphKnAlRWTA61K8EmG%2Fuploads%2F78vrDzar2Vv8OjtdLPHi%2Fsection-component-setting.png?alt=media&#x26;token=8475f10c-f434-4443-b83e-fc1a8fbb1b50" alt=""><figcaption></figcaption></figure>
