Hide the Floating Portal Subscribe Button

Ghost’s Portal adds a round floating button (usually bottom-right) to every page of your site. There is an official switch to turn it off — Settings → Membership → Signup portal → Customize → Look & feel → Show portal button — and if you never want it anywhere, use that switch instead of code.

Where this snippet earns its place is the case the setting can’t handle: hiding the button on specific pages only — a landing page with its own signup form, a documentation section, or anywhere the floating button competes with your own call to action. Because Portal is part of Ghost itself (not your theme), this works identically on every theme.

The Code — hide it everywhere

Paste into Settings → Code injection → Site header:

<style>
  iframe[title="portal-trigger"] {
    display: none !important;
  }
</style>

The Code — hide it on one page only

Ghost gives every page and post a body class based on its slug (.page-<slug> / .post-<slug>). Use it to scope the rule — this example hides the button only on a page whose slug is pricing:

<style>
  .page-pricing iframe[title="portal-trigger"] {
    display: none !important;
  }
</style>

You can also paste that <style> block into a single post or page’s own Code injection panel (post settings → Code injection) instead of sitewide settings — then no body class is needed:

<style>
  iframe[title="portal-trigger"] { display: none !important; }
</style>

How It Works

Portal renders its floating trigger as an iframe with the title portal-trigger. The CSS targets that iframe directly and hides it. Portal itself keeps working — signup and sign-in links using #/portal/ still open the Portal modal; only the floating button disappears.

Works With

Every Ghost theme — Portal is Ghost core, not theme markup. All Luxe themes are compatible, and their membership pages include styled signup buttons, so most Luxe sites hide the floating button and let the theme’s own calls-to-action do the work.