SR Two Col 10

Module Overview - SR Two Col 10

This module features a combination of headers, body text, Content, Image, and CTAs. 





Module Settings Walkthrough

Design Settings

You can edit the following items within the design settings section:

• Top-bottom padding: default, no padding, small padding, large padding, custom padding
• Background option: image, video, color, custom, gradient
• Text align: right, left, center, justified
• Text color: auto, primary, secondary, tertiary, white, black, dark, light, success, info, warning, danger, custom
• Border styles: none, solid, dotted, dashed, double
• Responsive settings:
  • Tablet: text-align at breakpoint (same text-align options); top-bottom padding at breakpoint (same padding options)
  • Mobile: text-align at breakpoint (same text-align options); top-bottom padding at breakpoint (same padding options)





Module Settings

This module is very straightforward.

Once inside the module, you'll see the settings for Media (Left Column) and Content (Right Column).

Media

Media Type: Image or Video

• For Images Size: Exact width and height, or Automatically Adjust Image Loading: Browser Default, Lazy, or Eager
• For Video Video Type: Embed, HTML Video, or HubSpot Video Video Poster Options for Show Controls, Autoplay, Loop, and Muted





Content

Media Type: Image, Video, Lottie, or None Heading: Heading Text, Size, Display Size, Color, Alignment Description/Body Text CTA: CTA Type, Style, Text, Link, and Size Text Align: Auto, Left, Center, or Right Text Color: Auto, Primary, Secondary, Tertiary, White, Black, Dark, Light, Success, Info, Warning, or Danger





How to Use SR Two Col 10- Live Examples

1. Sprocket Rocket Module Page- You can see the module used live!