LogoLogo
HomeTheme DocsSupportTry Primavera
  • Primavera Theme Docs
  • Guides
    • Quick start
    • Accessibility
    • SEO
    • How to set up the same homepage sections as the demo stores
    • How to add a mega menu
    • How to add a sidebar menu promotion
    • How to add product swatches
    • How to add a product subtitle/cutline
    • How to add product badges
    • How to add product recommendations
    • How to add an external video
    • How do I enable right-to-left support
  • Theme settings
    • Spacing
    • Appearance
    • Logo
    • Colors
    • Typography
    • Product card
    • Mini product
    • Collection card
    • Blog post card
    • Search behavaior
    • Social media
    • Currency format
    • Cart
    • Optimizations
    • Custom CSS
  • Sections
    • Announcement bar
    • Back to top
    • Banner grid
    • Before/after image
    • Bottom bar
    • Blog posts
    • Cart drawer
    • Collapsible content
    • Collection list
    • Contact form
    • Countdown timer
    • Custom liquid
    • External video
    • Featured collection
    • Featured post
    • Featured product
    • Footer
    • Header
    • Image banner
    • Image hotspot
    • Image with text
    • Logo list
    • Media grid
    • Multicolumn
    • Newsletter
    • Newsletter popup
    • Rich text
    • Rich text columns
    • Scrolling content
    • Search modal
    • Section header
    • Shoppable banner
    • Sidebar menu
    • Slideshow
    • Split banner
    • Split card
    • Stacked images with text
    • Testimonials
    • Video banner
    • Video with text
  • Blocks
    • Badges
    • Buttons
    • Card
    • Collapsible
    • Heading
    • Image
    • Liquid
    • Mini product
    • Page
    • Product
    • Text
    • Video
  • Templates
    • 404
    • Account
    • Blog
    • Blog post
    • Cart page
    • Collection
    • Collection list
    • Gift card
    • Home page
    • Product
    • Password
    • Search
  • FAQs
    • Why isn't my video autoplaying?
    • How do I edit the default theme content?
    • Where do newsletter signups go?
    • Why are my images cropped?
    • How can I change the meta color?
  • Advanced
    • Customizing code
    • JavaScript events
    • How to refresh the cart using JavaScript
    • Use a custom font
  • Contact support
Powered by GitBook
On this page
  • Settings
  • Blocks
  1. Sections

Scrolling content

Scrolling content creates a marquee-like section where the text autorotates.

PreviousRich text columnsNextSearch modal

Last updated 1 month ago

By default, this section will respect a customer’s animation preferences. If they have disabled motion or animation at the operating system or browser level, this section will not move. If you wish to create a static section for all users, consider using the rich text section and adjusting the padding.

Settings

  • Scrolling speed: When auto-scroll is selected, choose the scrolling speed

  • Scroll direction: When auto-scroll is selected, choose betwen to left or to right

  • Gap between content: Choose a gap between 0px and 100px

  • Typography:

    • Font type: Choose heading or body

    • Font size: Manually choose a font size from 12px to 100px

  • Color scheme/Color scheme transition

  • Padding

  • Borders

Blocks

  • Text

  • Image:

    • Image: Select/upload an image

    • Image width: Between 0px and 200px

    • Link (optional): If you add a link, remember to add alt text to your image that describes the link purpose

The following settings are explained in detail in :

common settings