SR Hero 03
This module is a combination of headers, subheaders, buttons, and image/video backgrounds
An ideal use case for SR Hero 03 would be on your Homepages, where you want to show some images on a small slider alongside your headers/text.
Module Settings
Styles
Layout choice
Page Full Width
Container Width choice
Minimum Narrow Wide Maximum
Top Bottom Padding choice
Use default values No padding Small padding Large padding Custom padding
Background Option CHOICE
Image Video Color Custom Gradient
Text Align Text Alignment
Left Center Right Justified
Text Color CHOICE
Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom
Border Border
Style
Color
Width
Sides
Responsive settings Group
Tablet Group
TEXT ALIGN TEXT ALIGNMENT
Left Center Right Justified
TOP BOTTOM PADDING CHOICE
Use default values No padding Small padding Large padding Custom padding
Tablet Group
TEXT ALIGN TEXT ALIGNMENT
Left Center Right Justified
TOP BOTTOM PADDING CHOICE
Use default values No padding Small padding Large padding Custom padding
Headings
Heading Text
Size Choice
H1 H2 H3 H4 H5 H6 P
Display Size CHOICE
H1 H2 H3 H4 H5 H6 P XL XXL XXXL
Color CHOICE
Auto Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Custom
Align: CHOICE
Left Center Right
CSS Class Text
Description Rich Text
Lead Text Toggle
Buttons
CTA Type Choice
Hubspot CTA Button Modal
CTA Style CHOICE
Primary Secondary Tertiary White Black Dark Light Success Info Warning Danger Outline Primary Outline Secondary Outline Tertiary Outline White Outline Black Outline Dark Outline Light Outline Success Outline Info Outline Warning Outline Danger Custom None
Button Text text
Link URL
CTA Size Choice
Small Default Large
Add Icon Toggle
Icon Position Choice
Left Right
Slider Options Group
Autoplay Speed Number
Dot Navigation TOGGLE
Dot Color Color
Design Settings Group
Position CHOICE
In Hero Under Hero Overlap Hero
Columns CHOICE
1 2 3 4
Text Color CHOICE
Background Option CHOICE
Image Color Custom
Text Align CHOICE
Auto Left Center Right
Features Images
Column Settings Group
Content Column Width TEXT
Slider Column Width TEXT
Column Order CHOICE
Content/Slider Slider/Content
Column Order on Mobile CHOICE
Content/Slider Slider/Content
Height Choice
Auto Small Medium Large Full
See it Live
Sprocket Rocket Modules Page- You can see the module used live!