Theme Image — Bussin' | HubSpot Theme Docs

Styles

Set module to overlap section above or below it (only visible if section module is in and section it’s overlapping have differing backgrounds)

How to Use This Module

The Theme Image module extends HubSpot’s standard image functionality with specialized styling options designed specifically for the Bussin theme’s vibrant aesthetic. You’ll find this module particularly useful when you want more creative control over image placement and visual effects that align with the theme’s energetic design philosophy.

When to Use This Module

This module works exceptionally well on restaurant landing pages, about us sections, and promotional content where you need images to break traditional layout boundaries. The overlap functionality makes it perfect for hero sections on service pages or creating dynamic visual breaks between content sections on your homepage.

Adding to Your Pages

To add the Theme Image module, navigate to any page in the HubSpot page editor and access the module library from the left sidebar. You’ll find it under your theme’s custom modules. Simply drag it onto your page where you want enhanced image styling capabilities.

Overlap Feature Setup

The overlap styling option creates a layered visual effect that’s especially striking when your adjacent sections use the theme’s contrasting background colors. For best results, place this module between sections with different background treatments—such as between a white content section and one of Bussin’s bold accent colors. The overlap effect only displays when there’s a visual contrast to showcase.

Content Strategy Tips

Consider using high-quality food photography or vibrant lifestyle images that complement the theme’s energetic personality. The enhanced styling options work particularly well with images that have clear focal points, as the overlap effects can create compelling visual hierarchies that guide visitors’ attention through your content.