Variable: focus


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

Template
{{ focus }}
Output
50-30

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

Template
background-position: {{ focus | background_position }};
background-position: {{ focus_css }};
Output
background-position: 50% 30%;
background-position: 50% 30%;
Last modified on April 27, 2018