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

— 1 min read

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 class name 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 name> 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/ghost-code-injection@main/hide-in-portal/built/hide-in-portal.min.js"></script>
<script>
    hideGhostPortal("<element name>")
</script>

That's it! The element is now removed.

Read more