Skip to content Skip to footer navigation
Light theme Dark theme

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