SR Cards Filter 01
Available on:
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
Styles
You can edit the following items within the Styles tab:
- Layout: page or full-width
- Container width: minimum, narrow, wide, maximum
- 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)
For SR Cards Filter 01, most settings are focused on the header(s), filters, logos, card colors, and texts
Header and Content
The first setting you see when editing SR Cards Filter 01 is the header.
You can have as many headers as you want. You can even choose which Size they are: H1, H2, H3, H4, H5, H6, P.
You can also choose the Display Size to L, XL, XXL, XXXL
Editing the Filters and Cards
Editing the Filter Options:
- You can add as many filters as you want
- Each filter comes with a Title (Display Name) and Tags
Editing the Cards
- You can add as many cards as you want
- Each card comes with a Logo, Logo on Hover, Size, Image Loading Option, Card/Brand Color, Text, and Tags
- Each card can be linked to an External URL, Content, File, Email Address, Blog
With this module, you can edit
- Show Card Description
- Show Load More Button (Number of Cards to Show, Button Style, Button Text)
- Grid: Four Column, Three Column, or Two Column
