Story Slider
Overview
Displays a customizable story slider with images, story content, icons, badges, responsive card layouts, navigation animations, and configurable typography.
Header Settings
| Setting | Description |
|---|---|
| Icon | Adds an icon to the section header. |
| Icon Width | Sets the header icon width from 16px to 120px. Default: 40px. |
| Tagline | Adds a section tagline. |
| Tagline Size | Sets the tagline size: Large, Medium, or Small. Default: Large. |
| Tagline Weight | Sets the tagline weight from Thin (100) to Black (900). Default: 400. |
| Tagline Case | Controls tagline case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Tagline Family | Sets the tagline font family to Default or Heading. Default: Default. |
| Tagline Background | Sets the tagline background color. |
| Tagline Color | Sets the tagline text color. Default: #000000. |
| Heading | Adds the section heading. Default: Story slider. |
| Heading Size | Sets the heading size from H1–H6 or Large, Medium, Small. Default: H3. |
| Heading Weight | Sets the heading weight from Thin (100) to Black (900). Default: 400. |
| Heading Case | Controls heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Heading Level | Sets the semantic heading level from H1–H6. Default: H2. |
| Heading Family | Sets the heading font family to Default or Body. Default: Default. |
| Heading Color Style | Sets the heading color preset: Default or Body. Default: Default. |
| Heading Link Style | Sets the heading link preset: Default or Link. Default: Default. |
| Description | Adds descriptive content below the heading. |
| Text Size | Sets the description size: Large, Medium, or Small. Default: Large. |
| Text Weight | Sets the description weight from Thin (100) to Black (900). Default: 400. |
| Text Case | Controls description case: None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Family | Sets the description font family to Default or Body. Default: Default. |
| Text Color Style | Sets the description color preset: Default or Body. Default: Default. |
| Header Bottom Margin – Desktop | Controls the spacing below the header. Default: 0px. |
| Header Bottom Margin – Mobile | Controls the spacing below the header on mobile. Default: 0px. |
Story Title Settings
| Setting | Description |
|---|---|
| Title Size | Sets the story title size from H1–H6 or Large, Medium, Small. Default: Large. |
| Title Weight | Sets the title weight from Thin (100) to Black (900). Default: 400. |
| Title Case | Controls title case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Title Tag | Sets the semantic heading level from H1–H6. Default: H4. |
| Title Family | Sets the title font family to Default or Heading. Default: Default. |
| Title Color Style | Sets the title color preset: Default or Headings. Default: Default. |
Story Info Settings
| Setting | Description |
|---|---|
| Info Size | Sets story information text size: Large, Medium, or Small. Default: Small. |
| Info Weight | Sets the info text weight from Thin (100) to Black (900). Default: 400. |
| Info Case | Controls info text case: None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Info Family | Sets the info font family to Default or Heading. Default: Default. |
| Info Color Style | Sets the info text color preset: Default or Headings. Default: Default. |
Layout Settings
| Setting | Description |
|---|---|
| Show Topo Lines | Displays decorative topo lines. Default: Enabled. |
| Show Arrow Animation | Enables the arrow animation. Default: Enabled. |
| Arrow Color | Sets the arrow color. Default: #FFE600. Available when arrow animation is enabled. |
| Container Layout | Sets the content width: Container, Contained Content, or Container Fluid. Default: Container Fluid. |
| Container Size | Controls the maximum container width from 50% to 100%. Default: 100%. |
| Text Alignment – Desktop | Sets section text alignment on desktop. Default: Left. |
| Text Alignment – Mobile | Sets section text alignment on mobile. Default: Left. |
| Color Scheme | Selects the section color scheme. Default: Scheme 2. |
Inner Spacing
| Setting | Desktop | Mobile |
|---|---|---|
| Top | 70px | 35px |
| Bottom | 70px | 35px |
| Left | 50px | 15px |
| Right | 50px | 15px |
Outer Spacing
| Setting | Desktop | Mobile |
|---|---|---|
| Top | 0px | 0px |
| Bottom | 0px | 0px |
| Left | 0px | 0px |
| Right | 0px | 0px |
Blocks Configuration
| Setting | Description |
|---|---|
| Image | Adds the story image. |
| Link | Adds a link to the story. |
| Open Link in New Tab | Opens the story link in a new browser tab. |
| Hide Image | Hides the story image. |
| Image Width | Sets the image width from 180px to 550px. Default: 270px. |
| Image Height | Sets the image height from 150px to 700px. Default: 320px. |
| Badge Image | Adds a badge image over the story image. |
| Badge Width | Sets the badge width from 20px to 200px. Default: 60px. |
| Badge Horizontal Position | Controls the badge horizontal position from -50% to 150%. Default: 0%. |
| Badge Vertical Position | Controls the badge vertical position from -50% to 150%. Default: 80%. |
| Title | Adds the story title. |
| Info | Adds story information content. |
| Icon | Adds an icon to the story content. |
| Icon Width | Sets the story icon width from 16px to 120px. Default: 40px. |
| Tagline | Adds a story tagline. |
| Tagline Size | Sets the tagline size: Large, Medium, or Small. Default: Large. |
| Tagline Weight | Sets the tagline weight from Thin (100) to Black (900). Default: 500. |
| Tagline Case | Controls tagline case: None, Uppercase, Capitalize, or Lowercase. Default: Uppercase. |
| Tagline Family | Sets the tagline font family to Default or Heading. Default: Default. |
| Tagline Color Style | Sets the tagline color preset: Default or Headings. Default: Default. |
| Heading | Adds the story heading. |
| Heading Size | Sets the heading size from H1–H6 or Large, Medium, Small. Default: H3. |
| Heading Weight | Sets the heading weight from Thin (100) to Black (900). Default: 400. |
| Heading Case | Controls heading case: None, Uppercase, Capitalize, or Lowercase. Default: Capitalize. |
| Heading Tag | Sets the semantic heading level from H1–H6. Default: H3. |
| Heading Family | Sets the heading font family to Default or Body. Default: Default. |
| Heading Color Style | Sets the heading color preset: Default or Body. Default: Default. |
| Heading Link Style | Sets the heading link preset: Default or Link. Default: Default. |
| Description | Adds story description content. |
| Text Size | Sets the description size: Large, Medium, or Small. Default: Large. |
| Text Weight | Sets the description weight from Thin (100) to Black (900). Default: 400. |
| Text Case | Controls description case: None, Uppercase, Capitalize, or Lowercase. Default: None. |
| Text Family | Sets the description font family to Default or Heading. Default: Default. |
| Text Color Style | Sets the description color preset: Default or Headings. Default: Default. |
| Card Width | Sets the story card width from 200px to 600px. Default: 340px. |
| Icon Alignment | Sets the story icon alignment. Default: Left. |
| Icon Position | Places the icon at the Top or Bottom. Default: Top. |
| Vertical Offset | Adjusts the story card vertically from -30vh to 30vh. Default: 0vh. |