Zoomforth

Use your browser's web inspector to find the rendered aspect ratio of a section. Useful for custom CSS and responsive work.

Identify section aspect ratio with the browser inspector

Prepare and size illustrations for hero sections for clean display across screen sizes. Width, format, and compression guidance.

Optimize hero section illustrations

Set images, icons, and colors for accordion items. Covers header styles, expand/collapse behavior, and default open state.

Customize your accordion section

Troy Villasanta

Design your site

Control whether a subpage's content appears in the internal search results. Toggle per subpage from the site editor.

Show or hide subpage content from in-site search

Add an interactive Google Map to a tile or section using an embed URL. Covers how to get the embed link and display options.

Embed a Google Map on your site

Apply a CSS class to an asset that opens in an overlay viewer. Covers targeting and scope within the overlay context.

Add a CSS class to an overlay asset

Full list of site editor actions that support undo. Know what can be reversed and what cannot before making changes.

Actions you can undo with Ctrl+Z or Cmd+Z

Add a link to the logo that appears on your 404 error page. Directs visitors somewhere useful when a page isn't found.

Set a default logo URL for the 404 page

Apply a background color to cells or entire tables inside a text tile. Covers the table editor and hex color input.

Change the cell and table background color

Add links and call-to-action buttons to text tiles or captions. Covers internal links, external URLs, anchors, and button styling.

Create and edit hyperlinks and buttons

Change the width and height of a tile in a grid section. Covers column span, row span, and the effect on neighboring tiles.

Resize a tile

Move tiles to a new position within a grid section. Drag-and-drop instructions and notes on tile ordering behavior.

Re-arrange tiles on your site

Apply bold, italic, alignment, lists, and heading styles to text. Overview of the text editor toolbar options.

Format and stylize a text tile

Stop the page from continuing to scroll after reaching a tile with a scroll-linked anchor. Covers the scroll stop setting.

Prevent scrolling past a linked tile

Adjust height and width values for the secondary logo in the site editor. Covers pixel limits and alignment options.

Resize the secondary logo on your site

Add entrance animations to tiles and sections that trigger as visitors scroll. Covers types, speed, and disable options.

Tile and section animation (viewport effects)

Set a background color and add a border to any tile. Covers opacity, color picker, and border radius options.

Change tile background color and add a border

Copy the source code from one text tile into another to match formatting exactly. When to use this instead of standard copy-paste.

Replicate text formatting across editors

Set a full-width video as the hero element at the top of your site. Covers upload format, autoplay, and mobile fallback.

Create a hero video for your site

Format text as superscript or subscript in a text tile. Covers the toolbar button and HTML approach for edge cases.

Create superscript and subscript text

Set a separate background for a section that only shows on mobile. Keeps your mobile design intentional and clean.

Add a section background for mobile view

Add a tile that shows a live or static preview of an external webpage. Covers URL input, thumbnail generation, and fallback.

Create a web preview tile

Replace the image used as the visual face of a tile without changing the tile's linked content or asset.

Change a tile's display image

Use an image tile with a custom link to replicate a web preview tile when a URL doesn't generate a thumbnail.

Simulate a web preview tile from an image tile

Show or remove the indicator icon that signals a tile has an action when hovered.

Display or hide the tile action icon

Write a caption that appears below or over an image, video, or media tile. Covers text fields, formatting, and link options.

Add a caption to an asset tile

Change slide timing, navigation controls, transition style, and layout for carousel and slideshow sections.

Customize your carousel or slideshow

Adjust spacing and background color for a text section. Notes on section-level vs. tile-level settings.

Change background, margin, and padding of a text section

Change the order of slides in a carousel or slideshow section. Drag-and-drop from the slide management panel.

Arrange slides in a carousel or slideshow

Set a main language and add translations to your Zoomforth microsite. Covers language selection, workflow, and how multilingual sites display to viewers.

Translate your Zoomforth site into multiple languages

Replace the default action indicator icon on a tile with a custom image. Covers upload format and positioning options.

Custom icon for tile action indicators

Add tabbed navigation to any section to organize content without extra subpages. Covers creation, ordering, and styling options.

Using tabs in a section

General Design

Themes control fonts, colors, and layout across your Zoomforth sites. Learn how to build, apply, and manage themes — or hand it to the design team.

Understanding Zoomforth themes: build and manage styles

Edit fonts, colors, and layout styles across your Zoomforth account from the theme editor. Covers font import, CSS overrides, and brand consistency.

Customizing your Zoomforth theme: fonts, colors, styles

Resolve the TypeError that crashes the theme editor after a font family import. Cause and step-by-step fix.

Fix theme editor crash after importing a font

Set a background color for the full site canvas. Shows behind sections with transparent or no background set.

Change your site's background color

Set the color that navigation link text changes to when hovered. Applies to main and anchor link menus.

Change the hover font color in navigation

Add a visible border around a text tile from the tile settings panel. Covers color, width, and border radius options.

Add a border to a text tile

See how a theme looks when applied to different sites in your account before making it active.

Preview your theme on other sites

Change the anchor link navigation background color

Adjust the padding between items in the anchor link navigation menu. Useful for fitting more links in the menu bar.

Change spacing between anchor links

Duplicate a theme	Create an exact copy of a theme to use as a starting point. Changes to the copy don't affect the original.

Duplicate a theme

Adjust the font size of links in the main and secondary navigation menus. Applies a size override to menu typography.

Change navigation menu font size

Upload and position your logo in the site header. Covers primary and secondary logo slots, sizing, and link attachment.

Add a primary or secondary logo to your site

Templates define structure and content. Themes define visual style. When to use each and how they interact.

The difference between a template and a theme

Troubleshoot why the theme upgrade option is unavailable. Common blockers and what to check before contacting support.

Unable to upgrade a theme

Themes

What changes when you upgrade a site's stylesheet and how it affects your theme. Checklist for reviewing after upgrade.

Zoomforth stylesheet upgrades

Replace the default play icon on video tiles with a custom image or icon. Covers upload format and positioning.

Customize the play icon for video tiles

Edit the subject and body of the access email sent to visitors on secured sites. Covers merge fields and branding options.

Changing the email template for secured site access

Upload a custom favicon for published sites. Covers file format, size recommendations, and account-level default settings.

Set a favicon for your site or account

Upload a favicon for a specific site that overrides the account-level default. Covers format, size, and setup steps.

Set a custom favicon for your site

Branding

Add color overlays, icon reveals, or text that activates when a visitor hovers over a tile or section.

Hover effects on tiles and sections

Insert a custom icon into a caption link. Covers supported icon formats, sizing, and positioning in the caption editor.

Add custom icons to caption hypertext

Edit font size, weight, color, and spacing for each text style preset in your theme. Changes apply across all sites using that theme.

Customize a style preset in the theme editor

Insert social media icons into caption text that link to external profiles. Covers available icons and link setup.

Add social icons to the caption hypertext

Add a zoom-in effect to image or background tiles on hover. Covers enable/disable steps and browser compatibility notes.

Zoom effect on tiles and sections

Set a full-page image background for your site. Covers positioning, repeat behavior, and interaction with section backgrounds.

Use an image as the site background

Edit the caption text and layout for images that open in an expanded overlay. Covers title, description, and link fields.

Change caption areas for an expanded image overlay

Add a parallax scroll effect to a section background image. How to enable it and browser performance considerations.

Parallax effect on sections

Apply CSS classes to tiles, sections, and text elements to extend your theme's styling. Covers syntax and common use cases.

CSS classes and how to use them

Add custom CSS to override theme styles or create new effects. Covers the CSS panel, selector targeting, and common examples.

Write custom CSS for your site

Understand the theme variable for backward-compatible text sizing. What it affects and when to enable it.

Backward compatibility text sizing

Set width, style, color, and radius for borders on any tile or section. Covers per-side settings and inheritance.

Customize borders on tiles and sections

Access our Custom CSS documentation, including available elements, examples, and styling guidelines.

Custom CSS Reference and Documentation

Custom CSS

Design guidelines for HTML packages that render correctly across desktop and mobile. Covers layout, fonts, and asset handling.

HTML package design considerations

Open an HTML package in a full-screen overlay when a visitor clicks a tile. Setup and how it differs from inline rendering.

Render an HTML package in an overlay viewer

Make changes to an uploaded HTML package without replacing the entire file. Covers supported edits and re-upload steps.

Edit HTML packages after upload

Technical requirements and design rules for HTML packages uploaded to Zoomforth. Covers structure, assets, and limitations.

Custom HTML package guidelines

Use the custom embed method for platforms that block normal iFrame embedding. Covers workarounds and supported types.

Embed content that doesn't work with standard URLs

Custom HTML Packages

Add collaborators, manage access via email or SSO, and control edit permissions across your Zoomforth sites. Full guide to the collaboration workflow.

How to collaborate on Zoomforth microsites

Collaboration

Log In

Product Roadmap

Academy

CSS Class Wiki

Mobile Toolkit

Find answers and get help from Intercom Support and Community Experts

Conversations you've started through the messenger will appear here.

No conversations created by you

Try using different keywords or checking for typos.

No conversations found

Title

This site employs cookies and other technologies that we and our third party vendors use to monitor and record personal information about you and your interactions with the site (including content viewed, cursor movements, screen recordings, and chat contents) for the purposes described in our Cookie Policy. By continuing to visit our site, you agree to our {websiteTermsLink}, {privacyPolicyLink} and {cookiePolicyLink}.

This site uses cookies and similar technologies ("cookies") as strictly necessary for site operation. We and our partners also would like to set additional cookies to enable site performance analytics, functionality, advertising and social media features. See our {cookiePolicyLink} for details. You can change your cookie preferences in our Cookie Settings.

We use cookies to make our site work and also for analytics and advertising purposes. You can enable or disable optional cookies as desired. See our {cookiePolicyLink} for more details.

Advertising cookies are set by our advertising partners to collect information about your use of the site, our communications, and other online services over time and with different browsers and devices. They use this information to show you ads online that they think will interest you and measure the ads' performance. Social media cookies are set by social media platforms to enable you to share content on those platforms, and are capable of tracking information about your activity across other online services for use as described in their privacy policies.

These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.

These cookies are necessary for the website to function and cannot be switched off in our systems.

These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site.

You have the right to opt out of the sale of your personal information. See our {cookiePolicyLink} for more details about how we use your data.

Your Privacy Choices

We use cookies to enhance your experience. You can customize your cookie preferences below. See our {cookiePolicyLink} for more details.

Cookie Settings

Empty Help Center

Uh oh. That page doesn’t exist.

Home

Search results

Disappointed

Neutral

Smiley

Thinking...

Searching through sources...

Analyzing...

Tickets submitted through the messenger or by a support agent in your conversation will appear here.

No tickets created by you

No tickets found

Track the progress of all tickets related to your company.

Tickets portal.

{assigneeName} needs more information from you

Tickets

No access to tickets portal

English

url(https://downloads.intercomcdn.com/i/o/529383/c4d053dd25dffc8560f38af9/af15cf3e0eec5f69b1606d26afccc066.jpeg)