Viola Documentation
Submit a TicketLiveChat
  • Webibazaar Support
  • Shopify Viola
  • Header
    • Announcement bar
    • Header section
    • Mega menu
  • Overlay Group
    • Newsletter Popup
    • Promotional Popup
  • Theme Settings
    • Colors
    • Typography
    • Layout
    • Buttons
    • Variant pills
    • Inputs
    • Cards
    • Product card review
    • Content containers
    • Media
    • Dropdowns and pop-ups
    • Drawers
    • Badges
    • Social media
    • Search behavior
    • Favicon
    • Currency format
    • Cart
    • Checkout
    • Custom CSS
  • Sections
    • Rich text
    • Video
    • Page
    • FAQ
    • Image gallery
    • Custom Liquid
    • Contact form
    • Collapsible content
    • Multicolumn
    • Email signup
    • Collage
    • Slideshow
    • Scrolling bar
    • Collection list
    • Featured collection
    • Image Banner
    • Featured Product
    • Countdown with product
    • Tab Products
    • Countdown
    • Video with text
    • Image with text
    • Product with image
    • Text with icons
    • Lookbook
    • Testimonials
    • Blog Posts
    • Logo list
    • Social media gallery
    • Image comparison
  • Footer
  • Age verification popup
  • Product page
    • Product tab
    • Quick order list
    • Recently viewed product
  • Color swatches
  • Collection Page
    • Collection banner
    • Meta collection list
    • Product Grid
  • Pages
    • How to create page template?
  • Languages and Currency
  • Additional Settings
  • Dynamic source of color swatch variant image
  • how can reset all the changes I made?
  • Turning your website layout from right to left
  • Use of 'Translate & Adapt' App
  • Continue selling when out of stock
  • Collection filter color swatch from metaobject
  • Quick Links
  • Change Log
    • Version 2.0.0
    • Version 1.0.13
    • Version 1.0.12
    • Version 1.0.11
    • Version 1.0.10
    • Version 1.0.9
    • Version 1.0.8
    • Version 1.0.7
    • Version 1.0.6
    • Version 1.0.5
    • Version 1.0.4
    • Version 1.0.3
    • Version 1.0.2
    • Version 1.0.1
    • Version 1.0.0
  • Importing our demos
Powered by GitBook
On this page
  1. Sections

Scrolling bar

PreviousSlideshowNextCollection list

Last updated 1 month ago

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

Setting
Description

Color scheme

The scrolling bar section background color appears behind the text:

  • Accent 1

  • Accent 2

  • Accent 3

  • Background 1

  • Background 2

Heading

Enter text to display as a title on the section.

Button

Label

Use "Label" to add a label to the Button in the section.

Link

Use "Link" to add a link to the Button in the section.

Style

Customization of the "Button style" in the image with text section is as follows:

  • Link

  • Outline button

  • Solid button

Space between items

"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.”

Speed

Speed is used to customize the scrolling speed of the text in the section.

Direction

Use of "Direction" allows the rotation of the "Text" from left to right and right to left.

Separator between text

Customization of the "Separator between text" in the Scrolling bar section is as follows:

  • Dot

  • Pipe

  • Dash

  • None

Uppercase heading text

Enable checkbox for make text uppercase in the section.

Enable border

Enable checkbox for make section border in the section.

Font size

You can adjust the font size and set it to the minimum size of “14px” and a maximum size of “40px.”

Live Chat Support | Webibazaar Template
Logo