<img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=241066823005528&amp;ev=PageView&amp;noscript=1">

Shared controls

Custom CSS per module (Omni Pro)

This module ships in Omni Pro.

In the Pro edition every module has Content → Pro: Custom CSS: A few lines of CSS that apply to this module only.

On this page

  • Write ordinary CSS rules, for example .omni-cards__title { letter-spacing: 0.02em; }. Omni limits every selector to this module automatically, so the same rule in two modules never collides.
  • Use the theme tokens to stay on brand: var(--omni-primary), var(--omni-secondary), var(--omni-radius), var(--omni-font-heading).
  • The field is empty by default and adds nothing to the page until you type in it.

The free edition has no such field; its modules are styled through the Styles tab and the theme settings. (The field sits on the Content tab because HubSpot allows no text fields on the Styles tab.)

Support

Did this answer your question?

If not, write to us and say which page you were on.