{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/ecfc6e9c89ce4bb98a9df13924e0997c\" frameborder=\"0\" width=\"1920\" height=\"1440\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":1440,"width":1920,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":1440,"thumbnail_width":1920,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/ecfc6e9c89ce4bb98a9df13924e0997c-428cb429a118462e.gif","duration":100.566667,"title":"Custom Backgrounds with Content Templates and CSS (Step-by-step)","description":"This Loom shows two ways to add custom background images to content page sections. First, it explains using the built-in section background image setting: set background image to yes, upload a compressed wide picture, and use background size fill and position to control how it displays, then set text color to contrast. Second, it covers reusable backgrounds by uploading images in the CSS override for a free slot (for example custom 3) and setting background size to cover, then applying that slot via section background color and clearing the cache. It concludes by recommending built-in settings for one-off images and CSS slots for reuse across the storefront."}