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.
Still can’t find what you are looking for? Try
ChatGPT.
What are Smithworks SW Modules?
Smithworks SW Modules are Smithworks-built HubSpot modules designed for Sprocket Rocket-style themes. They help marketing and content teams build pages with reusable, documented modules instead of starting from scratch or relying only on custom code.
The module set includes options for heroes, side-by-side sections, stacked media blocks, cards, product-style cards, feature tables, forms, blog layouts, popups, headers, footers, testimonials, quizzes, section dividers, and theme-related pieces.
What should I do if my module starts with SR instead of SW?
If a module name starts with SR, it is a Sprocket Rocket module. Smithworks SW documentation does not cover SR module fields or behavior—use Sprocket Rocket documentation instead.
The prefix matters because field names, defaults, and upgrade notes differ between SR and SW.
Can I put links or bold text in an SW module field?
Whether a field accepts HTML depends on the field type. Rich text fields can accept HTML, including links, strong text, and emphasized text. Common examples include content areas, descriptions, and post body fields.
Plain text fields do not accept HTML. Common examples include headings, titles, button text, and custom class fields. When in doubt, check the module documentation for the field type instead of assuming.
Where do I change padding or margin for an SW module?
Most SW modules put spacing controls under the Style tab in a Module Settings group. That is usually where editors adjust top and bottom spacing or related layout spacing for the module.
Exact field names can vary by module, so the AI documentation should be used when a precise field path is needed. For broader page alignment issues, the theme may control the outer drag-and-drop content shell rather than an individual module.
Which module should I use for image on one side and text on the other?
Use SW Pillar Section when the layout needs content in two columns, such as an image on the left and text on the right. The module is meant for side-by-side sections and stacks on mobile.
If the media should sit above the text in a simple stacked layout, use SW Text and Media for new content or SW Image & Text when working with an existing page that already uses it.
When should I use SW Pillar Section?
SW Pillar Section is a strong choice when you need a structured side-by-side layout. It can place image, video, content, or a form beside the main copy and is useful for service sections, product stories, lead generation beside proof, and alternating left-right sections.
It also supports a Module Outer style option when one instance needs a wide background treatment such as a gradient, image band, or diagonal divider while keeping the inner columns narrower.
How do I make the SW Pillar Section image fill the whole column?
To make the SW Pillar Section image fill the whole media column, open the module and use the Image as Background option for the secondary image column. This switches the image from a normal inline image to a full-bleed background inside the media column on tablet and desktop.
The module also includes background position controls so the crop can be adjusted. The same setting may appear under the Style tab when the secondary column is configured as an image.
How do I add a wide gradient or diagonal split behind SW Pillar Section?
Use the Module Outer settings in SW Pillar Section when a single pillar section needs a wide background treatment behind it. The Module Outer can support background options such as gradients, image treatments, or divider-style split effects.
Then use Max Module Width so the two-column content stays visually contained while the outer background reads wider. Use a page section instead when several modules need to share one wrapper or one background treatment.
What is the difference between SW Image & Text and SW Text and Media?
SW Image & Text and SW Text and Media are both stacked modules, meaning the media sits above the text instead of beside it. SW Text and Media adds more current options, including optional headings, foreground video, Media mode, rich text, and optional buttons under the copy.
For new stacked sections, Smithworks recommends SW Text and Media. SW Image & Text is still fine on existing pages that already use it, but it may be retired in a future theme update.
When should I use SW Text and Media?
Use SW Text and Media when you want a simple stacked content block for a new page. It can show optional headings first, then foreground media or no media, then rich text, then optional buttons.
It is especially useful when you need video above copy, a compact image-and-caption style section, or a text-and-button block without the two-column structure of SW Pillar Section.