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.
How do I add space above the button row in SW Hero, SW Cards, or SW Testimonials?
Use Space Above Buttons on the button group (Content or Style, depending on the module). It adds spacing above the CTA row on all breakpoints.
Default is 0 so existing pages keep their current look until you raise the value. New button extras such as Icon Spacing, Hide Button Text, and Override Button Margins may also be available on the same repeater—check SW Module Documentation for the exact field path.
Why does a new SW Hero start with a light blue background and Aurora motion?
Sample Style defaults for new SW Hero placements (from 2026.08.20.20.37) can include a soft Outer Custom color and Outer Aurora motion so the module looks intentional out of the box.
Existing heroes keep whatever you already saved. To see the new sample Style defaults, add a fresh SW Hero instance (or re-add the module) on a test page, then change Outer background and Aurora to match your brand.
Why do SW Testimonials sample authors have different portrait photos?
New SW Testimonials sample content uses distinct SW Defaults portraits for each author so demos are clearer and more accessible.
Existing pages keep the images already saved on each testimonial. Swap portraits anytime under each item’s author image field; File Manager also has the shared SW Defaults set for marketers to browse.
Why does SW Cards download a smaller image than the file I uploaded?
SW Cards serves responsive card images through HubSpot’s CDN resize ladder so phones and narrow columns do not download a full desktop asset. That improves load time without changing how the image looks in the card frame.
Upload a sharp source image (JPEG preferred for photos). The module picks a width near the displayed size. If a page still shows an old heavy PNG sample, re-select the card image (or re-add Cards) so the newer sample or your own file is saved.
Why does SW Pillar Slides use smaller image downloads than my original file?
Pillar Slides shows the slide image in roughly half the viewport on desktop, so the module requests CDN widths suited to that column (not a full-bleed hero size). That cuts download weight while keeping images sharp on retina screens.
Prefer about 3:2 photos (for example 900×600 or 1200×800). After a theme update, hard-refresh the page. If performance tools still report an oversized image, confirm you published the latest module and are not looking at a cached HTML version.
Does SW Pillar Slides compete with SW Hero for Largest Contentful Paint?
On pages that include both modules, SW Hero is usually the LCP element. Pillar Slides loads the first slide image eagerly for the filmstrip, but it no longer uses fetchpriority="high" so it does not fight the hero for early bandwidth.
If LCP is still slow, check render-blocking theme CSS, third-party scripts, and cookie banners on the page—not only the Pillar image file size.
How do I set custom footer column widths or hide a column?
In SW Footer Columns, open Style → Column Widths and choose Custom. Each breakpoint (XL, Desktop, Tablet) can be Full Width (stack) or Set Width in Column (percent). Set a column’s width to 0% to hide it at that breakpoint (Tablet 0 also hides on phones). Remaining visible columns share the row. Publish global footer content after the theme update.
What is Spacer Column in SW Footer Columns?
Spacer Column is an empty gap in the footer row. Turn it on for that column, then set its XL / Desktop / Tablet width like any other column. Spacers disappear when columns stack (Full Width, Equal from Tablet down, and Mobile). Set the spacer’s width to 0% to hide it at a breakpoint without stacking the rest.
What is the difference between Equal and Custom column widths?
Equal (the default) shares the row evenly at XL and Desktop, then stacks from Tablet down. Custom lets you set each breakpoint separately. Widths do not copy from XL to Desktop or Tablet — set each one. Mobile always stacks. Hidden (0%) columns are skipped in the 100% total.
Why does footer column copy fill the whole column instead of a narrow box?
Column copy fills the column’s Width (%) track. There is no separate Content Max Width inset. To make a column narrower, use Style → Column Widths → Custom and set that column’s percent (or add a Spacer Column). Publish global footer content after the theme update.