Featured Event Slider

Stylized slider of featured events.

featured-event-slider

View a live demo of this section here.

The following is a detailed listing of the styling edits made to the section, the modules used in the section, and field changes from the modules' default state.

Section Styles

Padding Top: 0

Modules


Section Settings

Section Options Overlap
Overlap > Section Above


Listed Resources

Card Style Slider
Layout > Text Tags Position Bottom
Layout > Date Position Left of Tags
Layout > Desktop Thumbnail Position: Left
Image Spacing: theme.global.spacing.columns.desktop
Spacing: 0
Per Page: 1
Per Move: 1
Show Pagination: false
Layout > Tablet Thumbnail Position: Left
Image Spacing:
theme.global.spacing.columns.desktop
Spacing:
0
Per Page: 
1
Per Move:
1
Show Arrows: false
Show Pagination: 
true
Layout > Mobile Thumbnail Position: Top
Image Spacing:
theme.global.spacing.columns.mobile
Spacing: 0
Per Page: 1
Per Move: 1
Show Arrows: false
Show Pagination: true
Styles > Mobile > Background Background Color: theme.global.colors.backgrounds.base.color
Styles > Module > Borders Radius: theme.global.borders.radius
Styles > Module > Spacing > Desktop > Padding Top: theme.global.spacing.columns.desktop
Right: theme.global.spacing.columns.desktop * 2
Bottom: theme.global.spacing.columns.desktop
Left: theme.global.spacing.columns.desktop * 2
Styles > Module > Spacing > Tablet > Padding Top: theme.global.spacing.columns.desktop
Right: 
theme.global.spacing.columns.desktop
Bottom:
 theme.global.spacing.columns.desktop
Left: 
theme.global.spacing.columns.desktop
Styles > Thumbnail > Width 445
Styles > Thumbnail > Aspect Ratio Unset
Styles > Thumbnail > Borders Radius: theme.global.borders.radius
Styles > Title > Font theme.typography.heading_three.font
Styles > Title > Mobile Font Size theme.typography.heading_three.mobile_font_size
Styles > Text Tags > Margin Top: theme.global.spacing.rows * 2
Styles > Card > Borders Border Style: {Top: {Style: None}}
Styles > Card > Box Shadow Animate: None