Radical Design Course by Jack McDade

From the creator of Statamic

Learn how to make your websites standout and be remembered.

This course is the most refreshing take on teaching design that I've come across.

— Mikaël Sévigny, Developer

focus

The focal point of the asset, defaulting to center (50-50).

{{ focus }}
{{ $focus }}
50-30

You may want to use this in CSS with either the background_position modifier, or just by using the focus_css variable.

background-position: {{ focus | background_position }};
background-position: {{ focus_css }};
background-position: {{ Statamic::modify($focus)->backgroundPosition() }};
background-position: {{ $focus_css }};
background-position: 50% 30%;
background-position: 50% 30%;
Docs feedback

Submit improvements, related content, or suggestions through Github.

Betterify this page →