SW Modules

Frequently Asked Questions - SW Sprocket Rocket Modules

These FAQs explain how Smithworks SW Modules work inside HubSpot, especially for Sprocket Rocket-style themes. Use them to choose the right module, understand common settings, and give AI agents better context before they start guessing.

How do Auto heading colors and alignment work in SW Body + Inset?

  • Color Auto: Body headings use Style → Content Colors for the Content Area. Inset headings use Inset Content. Footer headings use Content Colors → Footer Content Text Color.
  • Align Auto: Section headings use Heading Panel Settings. Inset headings use Inset Content Area Settings. Footer headings use Footer Panel Settings, with left alignment as the desktop default.

Use Auto when you want each heading to follow the settings for the area where it appears. Choose a specific color or alignment on the heading only when you need an exception.

Where do I edit inset card content in SW Body + Inset?

In SW Body + Inset, turn on Show Inset, then open Content → Inset. That group contains Inset Subheadings, Inset Image, Inset Content rich text, and Inset Buttons. Footer Content is a separate area below the main body and inset card, so use it only for content that belongs beneath the section. If a previously saved page appears empty immediately after a theme update, do not republish it; contact Smithworks support so the page can be checked first.

How do I add a glass or frost effect on SW Text and Media?

Open Style → Module Background Settings and set Module Inner Background Options to Effect. Choose Glass, Grain, or Pattern. This paints the Inner box, not the foreground photo or video.

How do I turn on Outer Animated in SW Text and Media?

Open Style → Module Background Settings and set Module Outer Background Options to Animated. New module instances start with the Outer background set to None, so selecting Animated is required before motion can appear. Save or publish the page, then check the published view because the editor may show a still version instead of the live motion. Outer Aurora Overlay and SVG Overlay apply to supported non-Animated Outer fills and do not display at the same time as Animated.

How do Auto heading colors and alignment work in SW Text and Media?

  • Color Auto: Body headings use Style → Content Colors for the Content Area. Footer headings use Content Colors → Footer Content Text Color.
  • Align Auto: Section headings use Heading Panel Settings, with centered alignment as the desktop default. Footer headings use Footer Panel Settings, with left alignment as the desktop default.

Use Auto when you want a heading to follow the settings for its area. Choose a specific color or alignment on the heading when you need an intentional exception.