Shop by Concern
Overview
Displays concern-based content cards with images, descriptions, titles, badges, links, responsive layouts, slideshow controls, typography, and customizable spacing.
| Setting |
Description |
| Tagline |
Adds a section tagline. |
| Tagline Size |
Sets the tagline size: Large, Medium, or Small. |
| Tagline Weight |
Sets the tagline font weight from 100 to 900. |
| Tagline Case |
Sets text case: None, Uppercase, Capitalize, or Lowercase. |
| Tagline Family |
Uses the Default or Heading font family. |
| Tagline Background |
Sets the tagline background color. |
| Tagline Color |
Sets the tagline text color. |
| Heading |
Adds the main section heading. |
| Heading Size |
Sets the heading size from H1–H6 or Large, Medium, Small. |
| Heading Weight |
Sets the heading font weight from 100 to 900. |
| Heading Case |
Sets text case: None, Uppercase, Capitalize, or Lowercase. |
| Heading Level |
Sets the semantic heading level from H1–H6. |
| Heading Family |
Uses the Default or Body font family. |
| Heading Color Style |
Applies the Default or Body color style. |
| Heading Link Style |
Applies the Default or Link style to heading links. |
| Description |
Adds rich text below the heading. |
| Text Size |
Sets description text size: Large, Medium, or Small. |
| Text Weight |
Sets text weight from 100 to 900. |
| Text Case |
Sets text case: None, Uppercase, Capitalize, or Lowercase. |
| Text Family |
Uses the Default or Heading font family. |
| Text Color Style |
Applies the Default or Headings color style. |
| Desktop Header Margin |
Sets the bottom margin on desktop. |
| Mobile Header Margin |
Sets the bottom margin on mobile. |
Card Settings
| Setting |
Description |
| Card Heading Size |
Sets the card heading size from H1–H6 or Large, Medium, Small. |
| Card Heading Weight |
Sets the card heading font weight from 100 to 900. |
| Card Heading Case |
Sets card heading text case. |
| Card Heading Level |
Sets the semantic heading level from H1–H6. |
| Card Heading Family |
Uses the Default, Heading, or Body font family. |
| Card Heading Color Style |
Applies the Default or Body color style. |
| Card Description Size |
Sets card description size: Large, Medium, or Small. |
| Card Description Weight |
Sets description weight from 100 to 900. |
| Card Description Case |
Sets description text case. |
| Card Description Family |
Uses the Default, Heading, or Body font family. |
| Card Description Color Style |
Applies the Default or Headings color style. |
| Card Label Size |
Sets label size: Large, Medium, or Small. |
| Card Label Weight |
Sets label font weight from 100 to 900. |
| Card Label Case |
Sets label text case. |
| Card Label Family |
Uses the Default or Heading font family. |
| Desktop Text Alignment |
Sets card text alignment on desktop. |
| Mobile Text Alignment |
Sets card text alignment on mobile. |
Grid Settings
| Setting |
Description |
| Desktop Columns |
Sets the number of columns from 2–5. |
| Mobile Columns |
Sets 1 or 2 columns on mobile. |
| Desktop Grid Spacing |
Controls spacing between cards on desktop. |
| Mobile Grid Spacing |
Controls spacing between cards on mobile. |
Slideshow Settings
| Setting |
Description |
| Slideshow Arrows |
Shows or hides slideshow navigation arrows. |
| Slideshow Button Type |
Sets the arrow button style: Primary, Secondary, or Link. |
| Slideshow Pagination |
Shows or hides pagination indicators. |
| Slideshow Auto Play |
Enables automatic slideshow playback. |
| Slideshow Interval |
Sets the autoplay interval from 2000–9000ms. |
Layout Settings
| Setting |
Description |
| Layout Style |
Displays cards as a Grid or Slideshow. |
| Desktop Image Height |
Sets desktop image height: 50vh, 60vh, 80vh, or 100vh. |
| Mobile Image Height |
Sets mobile image height: 38vh, 48vh, 60vh, or 100vh. |
| Show Topo Lines |
Shows or hides topo line decoration. |
| Container Layout |
Sets the container style: Container, Contained Content, or Container Fluid. |
| Container Size |
Sets the container width from 50–100%. |
| Desktop Text Alignment |
Sets section text alignment on desktop. |
| Mobile Text Alignment |
Sets section text alignment on mobile. |
| Color Scheme |
Selects the section color scheme. |
Inner Spacing
| Setting |
Desktop |
Mobile |
| Top |
70px |
35px |
| Bottom |
70px |
35px |
| Left |
50px |
15px |
| Right |
50px |
15px |
Outer Spacing
| Setting |
Desktop |
Mobile |
| Top |
0px |
0px |
| Bottom |
0px |
0px |
| Left |
0px |
0px |
| Right |
0px |
0px |
Blocks Configuration
Concern Card:
| Setting |
Description |
| Image |
Adds the card image. |
| Description |
Adds a short card description. |
| Title |
Adds the card heading. |
| Label One Badge |
Adds the first label badge image. |
| Label One Title |
Sets the first label title. |
| Label One Link |
Adds a link to the first label. |
| Label One Target |
Opens the first label link in a new tab. |
| Label Two Badge |
Adds the second label badge image. |
| Label Two Title |
Sets the second label title. |
| Label Two Link |
Adds a link to the second label. |
| Label Two Target |
Opens the second label link in a new tab. |
| Label Three Badge |
Adds the third label badge image. |
| Label Three Title |
Sets the third label title. |
| Label Three Link |
Adds a link to the third label. |
| Label Three Target |
Opens the third label link in a new tab. |
| Label Four Badge |
Adds the fourth label badge image. |
| Label Four Title |
Sets the fourth label title. |
| Label Four Link |
Adds a link to the fourth label. |
| Label Four Target |
Opens the fourth label link in a new tab. |