> For the complete documentation index, see [llms.txt](https://webibazaar.gitbook.io/veena-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/veena-documentation/sections/scrolling-bar.md).

# Scrolling bar

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

Here, in the Veena theme, with the use of the scrolling bar, you can scroll the important announcements and promotional texts. The scrolling bar section in the Veena theme comes with various customizations.

<table><thead><tr><th width="229">Setting</th><th>Description</th></tr></thead><tbody><tr><td>Space between items</td><td>"Space between items" is to give left and right side spacing to the text of the section. You can adjust the spacing and set it to the minimum spacing of “0px” and a maximum spacing of “100px.”</td></tr><tr><td>Speed</td><td>Speed is used to customize the scrolling speed of the text in the section.</td></tr><tr><td>Direction</td><td>Use of "Direction" allows the rotation of the "Text" from left to right and right to left</td></tr><tr><td>Seprater between text</td><td>With the help of a Seprater between text, you can add a pipe sign or a dot between the text.</td></tr><tr><td>Font size</td><td>You can adjust the font size and set it to the minimum size of “16px” and a maximum size of “40px.”</td></tr><tr><td>Enable top border</td><td>Adds a border line to the top of the scrolling bar.</td></tr><tr><td>Enable bottom border</td><td>Adds a border line to the bottom of the scrolling bar.</td></tr><tr><td>Section inner padding</td><td><strong>Top padding</strong><br>"Top padding is used to create spacing above the scrollable text content. You have the flexibility to customize the padding, ranging from a minimum of '0px' to a maximum of '100px'."<br><br><strong>Bottom padding</strong><br>"Bottom padding is used to create spacing below the scrollable text content. You have the flexibility to customize the padding, ranging from a minimum of '0px' to a maximum of '100px'."</td></tr><tr><td>Color scheme</td><td><p>In this section, you can change the background and foreground color of a section using the color scheme.</p><ul><li>Scheme 1</li><li>Scheme 2</li><li>Scheme 3</li><li>Scheme 4</li><li>Scheme 5</li></ul></td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FYKvl4Hv2YhGMeBvLnHkd%2Fscrollingbar.png?alt=media&amp;token=666fc2d1-7af3-41d3-b384-64a8d404ab2c" alt=""><figcaption></figcaption></figure>

## Add block

To add block to the scrolling bar section, click on the 'Add block'. There are many options available similar to the scrolling bar, as you can see in the below points and screenshot:

<table><thead><tr><th width="272">Block</th><th>Description</th></tr></thead><tbody><tr><td>Text </td><td><p><strong>Heading</strong><br>Enter text to display as a title in the section.<br><br><strong>Icon</strong></p><p>In the section, the icons are given to select. are for selecting:</p><ul><li>None</li><li>Flash sale</li><li>Apple</li><li>Banana</li><li>Bottle</li><li>Box</li><li>Carrot</li><li>Chat bubble</li><li>Check mark</li><li>Clipboard</li><li>Dairy</li><li>Dairy free</li><li>Dryer</li><li>Eye</li><li>Fire</li><li>Gluten free</li><li>Heart</li><li>Iron</li><li>Leaf</li><li>Leather</li><li>Lightning bolt</li><li>Lipstick</li><li>Lock</li><li>Map pin</li><li>Nut free</li><li>Pants</li><li>Paw print</li><li>Pepper</li><li>Perfume</li><li>Plane</li><li>Plant</li><li>Price tag</li><li>Question mark</li><li>Recycle</li><li>Return</li><li>Ruler</li><li>Serving dish</li><li>Shirt</li><li>Shoe</li><li>Silhouette</li><li>Snowflake</li><li>Star</li><li>Stopwatch</li><li>Truck</li><li>Washing</li><li>Chat</li></ul><p><strong>Icon width</strong><br>"Icon width" is to customize the icon. You can show a minimum of “14px” and a maximum of “36px” icon width.<br></p><p><strong>Outline text</strong><br>Check this box to use of outline text in this section.<br><br><strong>Text color</strong><br>Modifying the color of the text will result in a corresponding color change for the scrollable text content.<br></p><p><strong>Button label</strong></p><p>Use "Button label" to add a label to the Button in the section.<br><br><strong>Button link</strong><br> Use "Button link" to add a link to the Button in the section.<br><br><strong>Button style</strong></p><p>Customization of the "Button style" in the featured collection section is as follows:</p><ul><li>Link</li><li>Outline button</li><li>Solid button</li></ul><p><strong>Uppercase button and text</strong></p><p>By using the "Uppercase button and text" option, you can convert the text to uppercase .</p></td></tr><tr><td>Heading</td><td><strong>Collection</strong><br>Select a collection to display products in the section.<br><br><strong>Maximum products to show</strong><br>"Maximum products to show" is to specify how many products to show in a section. You can show a minimum of “1” and a maximum of “4” products.</td></tr></tbody></table>

<figure><img src="https://1523031223-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fz2mugD18x0vMyXArG8bZ%2Fuploads%2FpLVmNpUFNdegZp7ojUYe%2Fscrollingbar-block.png?alt=media&amp;token=3cfca8fc-5917-4882-b077-7f528ceb4849" alt=""><figcaption></figcaption></figure>