{"type":"video","version":"1.0","html":"<iframe src=\"https://www.loom.com/embed/8c63eadda461432d9d6817d8ef4658e9\" frameborder=\"0\" width=\"1328\" height=\"996\" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>","height":996,"width":1328,"provider_name":"Loom","provider_url":"https://www.loom.com","thumbnail_height":996,"thumbnail_width":1328,"thumbnail_url":"https://cdn.loom.com/sessions/thumbnails/8c63eadda461432d9d6817d8ef4658e9-95a9e7191083c7bc.gif","duration":293.006,"title":"How to Style HubSpot Sections","description":"This Loom explains how to style HubSpot sections, emphasizing section alignment, spacing, and background options. It shows how to open the section style panel to control visibility on desktop and mobile and adjust vertical alignment. A key point is that sections can override the global theme maximum content width of 1200 pixels by using center content, for example reducing to around 700 pixels for single-column text like the FAQ section. It also covers customizing section padding and margin, including separate mobile values, and setting backgrounds to none, a color, an image, or a gradient (noting HubSpot sections are one-directional and referencing a custom GradientBG module for multiple radial gradients)."}