Scrolling Text Section Store

Shopify Apps

Topic summary

A user installed a scrolling text banner from Section Store but cannot control the spacing between rows. They want to adjust the green banner to match the wider spacing of the red banner shown in their screenshots.

Current Issue:

  • The banner has an “ad spacing” option, but it appears broken and doesn’t work when activated
  • No built-in setting exists to control row distance

User’s Question:
They’re seeking custom CSS code that would:

  • Increase the spacing between rows to match the red banner example
  • Reduce text size from 20px to 18px

The discussion remains open with no solutions provided yet. Screenshots were included to illustrate the spacing difference between the two banner styles.

Summarized with AI on November 3. AI used: claude-sonnet-4-5-20250929.
1

So I got this scrolling text banner from Section Store, I now see that there is no option to choose the distance between rows (see green banner), however I would like to space it out like the Red banner.

https://admin.shopify.com/store/206846-f4/apps/section-factory

Screenshot 2024-12-10 at 22.34.32.png

Screenshot 2024-12-10 at 22.37.06.png
Screenshot 2024-12-10 at 22.37.06.png923×137 7.46 KB

There is an “ad spacing” option but it seems to be broken as nothing changes when activated

Screenshot 2024-12-10 at 22.38.47.png
Screenshot 2024-12-10 at 22.38.47.png284×426 6.67 KB

My question is: is there a code that I could use in Custom CSS, to get the result like the red banner and also reduce the text size from 20px to 18px?

Thank in advance!