Soul Documentation
  • Greeting
  • UPDATES
    • What's new in Soul
      • Release Notes
      • Version 3.1.0 release
      • Version 3.0.0 release
    • Demo stores
      • Elegant
      • Warm
      • Dark
  • SECTIONS
    • Header
      • Announcement bar
      • Header
    • Template sections
      • A to Z brands
      • Blog posts
      • Collage
      • Collapsible content
      • Collection list
      • Collection showcase
      • Collection spotlight grid
      • Contact form
      • Custom Liquid
      • Dynamic hover blocks
      • Email signup
      • Featured collection
      • Featured product
      • Flexible content
      • Image banner
      • Image comparison
      • Image gallery
      • Image with text
      • Image with product
      • Lookbook
      • Map
      • Multicolumn
      • Multirow
      • Rich text
      • Page
      • Recently viewed products
      • Running text with image
      • Shop the look
      • Slideshow
      • Testimonials
      • Video
    • Footer
    • Popup
  • THEME SETTINGS
    • Logo
    • Colors
    • Typography
    • Layout
    • Animations
    • Buttons
    • Variant pills
    • Inputs
    • Product cards
    • Collection cards
    • Blog cards
    • Pop-ups
    • Badges
    • Social media
    • Search behavior
    • Currency format
    • Cart
    • Breadcrumb
    • Preloading screen
    • Back to top
    • Custom CSS
  • COLLECTION LIST PAGE
    • Collections list page
  • COLLECTION PAGE
    • Collection
      • Collection banner
      • Product grid
  • PRODUCT PAGE
    • Product page
      • Product information
      • Product tabs
      • Related products
  • BLOG & BLOG POST PAGE
    • Blog page
    • Blog post page
  • CART
    • Cart
  • OTHER PAGES
    • How to create a page?
    • Search page
    • Password page
    • 404 page
  • TUTORIALS & TOPICS
    • How to enable size chart on product page
    • How to enable gift wrap option on cart page
    • How to enable free shipping notification
    • How to add a countdown timer on the product page
  • Knowledge base
    • Getting started in Shopify
    • Shopify help center
    • Shopify developers platform
  • Get Support
Powered by GitBook
On this page
  • Section settings
  • Item block
  1. SECTIONS
  2. Template sections

Running text with image

This section is likely a dynamic feature that combines scrolling text with a image to draw attention to specific content, such as promotions, announcements, or features.

PreviousRecently viewed productsNextShop the look

Last updated 3 months ago

To add this section, please follow the below steps:

  1. From your Shopify admin, go to Online Store -> Themes.

  2. Find the theme that you want to edit, and then click Customize.

  3. Click Add section and choose "Running text with image".

Section settings

Setting
Description

Color scheme

Set the color for the section.

Text font size

The size of the text:

  • Small

  • Medium

  • Large

  • Extra large

Text font weight

The font weight of the text:

  • Regular

  • Medium

  • SemiBold

  • Bold

  • ExtraBold

  • Black

Reverse direction

Change the order or orientation of element to the opposite of its current state. For example, if text or an image is scrolling from right to left, reversing the direction would make it scroll from left to right instead.

Speed

Change the running speed of the announcement bar.

Section margin

Setting
Description

Top margin

Adjust the space between the top edge of a section and the elements or content above it.

Bottom margin

Adjust the space between the bottom edge of a section and the elements or content below it.

Section padding

Setting
Description

Top padding

Determines the height of the top inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Bottom padding

Determines the height of the bottom inner space of the section. Can be from 0px to 150px, increasing arithmetically of 2px (pixel).

Item block

Setting
Description

Image

Add a image for this block.

Image width

Determines the width of the image.

Text

Add a text for this block.

Link

The URL that you want the text and image to link to.