Media Aspect Ratio

Core exposes media proportions through CSS custom properties. Add your overrides through Code Injection.

:root {
  --post--media--aspect-ratio: 16/9;
  --page--media--aspect-ratio: 16/9;
  --work--media--aspect-ratio: 16/9;
  --post-card--media--aspect-ratio: 1/1;
  --work-card--media--aspect-ratio: 16/9;
}

--post--media--aspect-ratio controls the featured image on post pages
--page--media--aspect-ratio controls the featured image on regular pages
--work--media--aspect-ratio controls the featured image on work pages
--post-card--media--aspect-ratio controls post cards in listing layouts
--work-card--media--aspect-ratio controls work cards in the works section and works page

You can use any valid CSS aspect ratio, for example 4/3, 3/2, 1/1, or 21/9.

Variables#