Responsive Content Slider

Display Settings

Version: 1.5

Display Settings

Card Layout
  • Classic — image on top, text below
  • Magazine — image beside text (stacks on smaller screens)
  • Overlay — text over the image with a gradient
  • Minimal — text-first cards with an accent top rule (images hidden by layout)
Theme
  • Light — clean white cards
  • Soft Sand — warm paper surfaces
  • High Contrast — hard edges, bold borders
  • Ink — dark stage for night-mode sections
  • Forest — green-tinted surfaces
Style & grid
  • Accent Colour — category labels, active dots, read-more, progress bar (default #c2410c)
  • Card Corner Radius — e.g. 18px
  • Gap Between Cards — e.g. 1rem
  • Cards Visible (Desktop) — 1–6 (default 3)
  • Cards Visible (Tablet) — 1–4 (default 2)
  • Cards Visible (Mobile) — 1–2 (default 1)
  • Peek Next Card — show a sliver of the next card so visitors know the strip scrolls
Card content
  • Show Images — show or hide article images
  • Article Image — Intro Image, Full Article Image, or No Image Field
  • Show Title
  • Show Category
  • Show Author
  • Show Date
  • Excerpt Length — characters (default 120; use 0 for no truncated excerpt on articles)
  • Show Read More and Read More Text (default “Read story”)
  • Theme CSS Override — optional CSS; scope with #jx-rcs-{moduleId}