Modifier: background_position


Converts an asset focal point value (eg. 50-30) into a value suitable for the background-position css property.

focus: 50-30
background-position: {{ focus | background_position }};
background-position: 50% 30%;

Additional Reading

Learn how to use and chain modifiers in the Antlers template guide.

Last modified on December 14, 2017