---
title: "Custom Portal Signup Button"
description: "Essence Ghost theme hides the floating Portal button. Navigation items with the URL #/portal/signup or #/portal/signin show as sidebar buttons instead."
url: "https://www.priority.vision/docs/essence/custom-portal-signup-button"
scope: theme
appliesTo: [Essence]
lastUpdated: 2026-10-01
---

# Portal Signup Button

Essence hides Ghost's default floating Portal iframe. Membership signup, sign-in, and account access happen through **navigation buttons** and **in-content CTAs** instead.

## Navigation portal buttons

Add these URLs as navigation items to get styled buttons in the sidebar (and mobile popup):

| URL | Label example | Behavior |
|-----|---------------|----------|
| `#/portal/signup` | Subscribe | Opens Portal signup; shows **Account** when signed in |
| `#/portal/signin` | Sign In | Opens Portal sign-in; shows **Account** when signed in |

The theme renders these as buttons with `data-portal` attributes, styled to match sidebar navigation.

Gated posts also link to Portal through the in-post content CTA.

## Why the floating button is hidden

Essence applies this CSS in `assets/css/base/main.css`:

```css
#ghost-portal-root > iframe {
    display: none;
}
```

This removes the default bottom-right Ghost Portal trigger so it does not overlap the cinematic layout and shader background.

## Restore standard Ghost Portal button

    [Code Injection](/docs/guides/custom-code-injection/) is required to add custom CSS.

To show the floating Ghost Portal button again, add this to **Site header** code injection:

```html
<style>
#ghost-portal-root > iframe {
    display: block !important;
}
</style>
```

You may want to remove `#/portal/signup` and `#/portal/signin` navigation items if you rely on the floating button instead.

## Documentation Index
> Fetch the complete documentation index at: https://www.priority.vision/docs/essence/llms.txt
> Use this file to discover all available pages before exploring further.