Styling

Visual styling lives on Card Appearance. CSS overrides live on Advanced.

Theme Preset: Default or Dark surface colors.
Card Style: Default, Outlined, Flat, or Compact presets with distinct borders and shadows.
UI Corners: Rounded or Squared corners for Read more, Load more, category tabs, view toggle, search fields, and filter controls.
Accent Color, Card Background Color, Card Border Color, Card Border Width
Card Radius: Corner rounding for cards (0–48 px).
Card Body Padding: Inner padding around card text (0–48 px). Leave at 0 to use the preset default.
Card Shadow: None, Soft, Medium, or Strong.
Hover Shadow: None, Soft, Medium, Strong, Boost, or Same as resting shadow.
Hover Lift: Vertical lift on card hover (0–16 px). Set to 0 with Hover Shadow None and Image Hover None for a static card.
Equal Card Height: Stretches cards in each row to the same height.
Button Style: Filled, Outline, or Text for Read more and Load more.
Image Ratio: 16:10, 4:3, 1:1, or 3:4.
Image Fit: Cover fills the frame and may crop. Contain keeps the full image visible, which suits logos and wide banners.
Title Overlay on Image, Image Hover Effect (Zoom, Brighten, Grayscale, or None), Enable Image Lightbox

Search uses an in-field icon, sort uses a custom chevron, and Reset is a compact control aligned with the fields.
While module CSS is enabled, toolbar input styles are scoped to the module wrapper and resist common template overrides (for example Helix Ultimate search padding).

Disable Module CSS: Turns off the bundled stylesheet. Only then can template styles fully restyle the filter toolbar.
Module Class Suffix: Adds a custom class to the module wrapper.
Custom CSS: Module-specific CSS with a {module} placeholder for the wrapper ID.

Example: {module} .scf-card { border-width: 2px; }