Skip to Content
DocsEssencePortal Signup Button

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.

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

URLLabel exampleBehavior
#/portal/signupSubscribeOpens Portal signup; shows Account when signed in
#/portal/signinSign InOpens 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:

#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 is required to add custom CSS.

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

<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.