Skip to content Skip to footer navigation
Light theme Dark theme
You are reading the docs for an old version of Statamic. Consider upgrading to Statamic 6.

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%;