Styling and Appearance

8 Docs

Borders, Corner Radius & Shadows

Last Updated: May 27, 2026

Configure the framing of each Gallery thumbnail — corner radius, optional border (width/colour/style), and optional drop shadow (colour, offsets, blur, spread). All three groups are responsive and independent.

Color Controls

Last Updated: May 26, 2026

Every colour in FotoGrids is set with the same colour control — a swatch and built-in picker with transparency and HEX, RGBA, and HSLA formats.

Custom Fonts

Last Updated: May 24, 2026

Use the built-in font picker to apply Google Fonts or system fonts to text elements in your Galleries — with automatic frontend loading and no extra configuration needed.

Image Filters

Last Updated: May 20, 2026

Apply CSS visual effects to gallery items with two independent filter layers: Thumbnail Filters for the grid and Full Image Filters for the Lightbox and full-size layouts. Each layer supports grayscale, sepia, blur, and more — with hover overrides.

Hover Effects

Last Updated: June 17, 2026

Add motion to a Gallery on hover — zoom, pan, lift, tint, or caption reveals — set per Gallery from Effects → Hover Effects.

Loading Icon

Last Updated: May 23, 2026

Configure the animated spinner shown while Gallery thumbnails load, and the transition effect that plays when each image arrives.

Image Zoom

Last Updated: June 10, 2026

Let visitors magnify a gallery image on hover or click, inline or in a popover, without opening the Lightbox.

Styling the Filter Bar

Last Updated: June 11, 2026

Control every part of the filter bar's appearance — panel, spacing, and each control's shape and state colours — plus the CSS variables behind them.