Background image not visible

Help
1

_pages/about.html

banner:
  image: "/assets/images/backgrounds/bg_2.jpg"

_layouts/about.html

style="background-image: url(page.banner.image | relative_url);"

I am not getting the liquid value in the about.html

2

To evaluate Liquid variables/filters you need to wrap them in double curly braces {{ }}. So this should work (untested):

style="background-image: url({{ page.banner.image | relative_url }});"
1 Like
3

Thank you, that helps alot.