SR Cards Filter 01
SR Cards Filter 01 is great for compiling resources, such as case studies, news, etc.
This module is a combination of headers, subheaders, cards and filter dropdowns. An ideal use case for SR Cards Filter 01 is for resource pages
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
Filters REPEATER
Title TEXT
Tags REPEATER
Tags TEXT
Cards REPEATER
logo IMAGE
logo on Hover IMAGE
Brand Color COLOR
Text TEXT
Tags REPEATER
Tags TEXT
Show Card Description TOGGLE
Show Load More Button TOGGLE
Number of Cards to Show NUMBER
Button 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
Grid CHOICE
Two Column Three Column Four Column
See it Live
https://www.sprocketrocket.co/modules/sr-cards-filter-01