Hi all. Really love the fact that my clients can use the crop_focal feature on their images. But when using it on background images the docs aren't clear how to use it correct. Even Ben Furfie had to write a remark but unfortunate for me I'm not getting it to work.
The image is coming through alright, but there is no value outputted on the focus_css spot.
Ideas anyone?
My markup:
<div style="background-image: url( {{ hero_image }} ); background-position: {{ focus_css }};"></div>
Resulting html:
<div style="background-image: url(/assets/productions/lev/image-2018-05-18.jpg); background-position: ;"></div>
The asset involved has focal point set:
title: Main Assets
path: assets
url: /assets
assets:
productions/lev/image-2018-05-18.jpg:
focus: 38-2