> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/flute-documentation/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://webibazaar.gitbook.io/flute-documentation/theme-settings/section-components.md).

# 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>Enable letter spacing</strong></p><p>Enable this to show letter space.</p><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><li>Highlight text</li></ul><p></p><p><strong>Section heading highlight color</strong> </p><p>Choose the color used for highlighted text within section headings. </p><p></p><p>This setting is only applicable when the <strong>Highlight Text heading style</strong> is selected.</p><p></p><p><strong>Section heading highlight font</strong> </p><p>Select the font family used for highlighted text.</p><p></p><p>Use a contrasting font style to create visual emphasis and strengthen your brand identity.</p><p></p><p><strong>Disable highlight border</strong> </p><p>Enable this option to remove the decorative border or underline applied to highlighted text.</p><p></p><p>This setting allows for a cleaner and more minimal heading appearance.</p><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><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li><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><li>Outline</li><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>Button style</strong> </p><p>Customization of the "Slider button position" is as follows:</p><ul><li>Filled</li><li>Outline</li></ul><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="/files/7RWFStkAQUYuQDv5ZR7o" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/mt9ggzX0kNecbTK9wUvV" alt=""><figcaption></figcaption></figure>