Ghost Code Injections

Remove elements in Ghost portal

You can remove or hide any element in **Ghost portal** using the code provided below.

Rakisha

Rakisha

You can remove or hide any element in Ghost portal using the code provided below.

The default Ghost portal isn't controlled by themes and can be challenging to edit. Don't worry, with our solution, you can remove or hide any elements in the Ghost portal.

Step 1: Identify the element

First, identify the css selector of the element you want to remove. Open your Ghost blog in the browser and use the 'Developer Tools' in the browser to detect the class name related.
If you find this step challenging, feel free to contact us for support.

Replace <element selector> in the following code snippet with the name you identified in the previous step, and add the code to "Site footer".
You can find the "Site footer" at Ghost Settings --> Advanced --> Code injection --> Site footer.

<!-- Remove elements in Ghost portal -->
<script src="https://cdn.jsdelivr.net/gh/rakihub/[email protected]/hide-in-portal/built/hide-in-portal.min.js"></script>
<script>
    hideGhostPortal("<element selector>")
</script>

For example, the CSS selector for "Powered by Ghost" in the portal is .gh-portal-powered. Replacing <element selector> with .gh-portal-powered will remove the "Powered by Ghost" text.

That's it! The element is now removed.

Read more