Removing Powered by Ghost

Using Ghost
1

Hi, I have two Ghost sites, and when I click the Subscribe button, I get the Powered by Ghost advertising, please see screenshot. It’s also very visible on the mobile. Please see screenshot: Screenshot by Lightshot

I have no problems promoting Ghost on some of my sites. But on some sites where I am dealing with kids, I would prefer to remove all third party links. Since I am paying for the hosting, I kind of feel I should have some choice in this. Does anyone know how I can remove the Powered by Ghost link?

Thank you in advance.

3 Likes
2

Should just be some css no? I would do something like .unwanted-advertising-example {display:none} in the header under code injection.

1 Like
3

Hi, Thanks. I do not know how to code. Would you know what the exact line should be? I am trying to figure out, but the things I have tried have failed. Thank you.

5

That “Powred by Ghost” is being directly implemented by the portal script and that link is within an iframe. That iframe is also being added and removed dynamically by clicking on the subscribe button and on exiting the portal. So direct CSS in code injection will not work. Although this can be done by javaScript.

The javaScript code has to be running all the time for each loading and unloading of that portal iframe.

I think if Ghost gives an inbuilt option to hide that will be super-efficient. Following is a code block you can add to the code injection. As this is javascript I will recommend adding it in the footer code box.

Please keep in mind this is not the best way to do this. Use it with caution!

Here is the code:

<script>
window.onload = function () {
    let portal = document.getElementById("ghost-portal-root");
    const interval = setInterval(() => {
        let frame = portal.querySelector('[title="portal-popup"]');
        if (frame !== null) {
            const styleElement = document.createElement("style");
            styleElement.innerHTML = `.gh-portal-powered { display: none; }`;
            frame.contentDocument.head.appendChild(styleElement);
        } else {
            frame = null
        }
    }, 300)
}
</script>
8 Likes
6

Thank you so much I appreciate it a lot. Although I have not done an in-depth test, based on initial test it seems to work fine. I also understand your warning.
I know you didn’t have to do this, but you did anyway. So, thank you.

I believe this script is theme specific, meaning, it seems to work for the Digidocs theme perfectly.

I have an offer an offer to make to you or anyone else. If you can do the same script for this theme below (Okiro) I’ll put $25 into your PayPal account. I know it’s not big money. It’s my way of saying thank you for doing it for me.

7

One thing I want to correct here. This is not theme-specific. If you use the portal, then the popup will be shown regardless of the theme you use.

The theme link you have provided for example uses custom code and available helpers of ghost to implement those membership features without the portal.

For example, check this theme. If you click on sign up or “sign in” links in the header menu will visit different pages with a custom form which are built into the theme. But if you click the floating button at bottom right corner then you will see the portal. Which shows the “Powered by Ghost” link"

The code I have provided will not interfere with any theme, it works on the portal feature which is built-in feature of Ghost.

The theme Okiro is made by @fueko and this theme already has the custom membership mangement features like sign up/login pages, and also the pricing page. If you want tyou can just use those and disable the portal button from your ghost dashboard.

2 Likes
8

Hi Biswajit, thank you. As much as I know what you say is true, however, I have failed in my attempts to remove the powered by pm pn Okiro even thoiugh the script is not theme specific, it won’t work Okiro but will work on DigiDocs theme (at least for me). So, my offer is still there to you or anyone else. I have 2 Ghost themes where I need to remove powered by. I know I can turn off the portal feature so that it doesn’t display, but I kind of link the portal feature.

Anyway, as it’s now 2 sites, I am willing to pay $40 to anyone who can do it. Plus I would like the person to past the Hyvor commenting tool for me. I already have the commenting code.

Thank you to you Biswajit, you have great Ghost themes, and you provide exceptional support to your customers. I mean that. I have bought many Ghost themes on and off over the years, and you are one of the few people who I have met who doesn’t make a fuss. So, you have my gratitude.

1 Like
9

I am very happy and glad that you liked my themes and my support. I always try to satisfy my customers who spend their hard-earned money on my product.

Thank you very very much for saying it loudly in the open forum. It means a lot to me. :heart:

1 Like
10

Does anyone know how to remove thePowered by Ghost tag in Journal theme? And more importantly from the email newsletters

11

To disable in emails, go to: Settings → Email → Design (toggle switch)

To disable in Journal theme: Edit default.hbs and find/remove the text from there

1 Like
12

Where is the email section you point? If you mean “Email newsletter”, there is no toggle to switch. Can you elaborate?

13

Go to Email newsletter → Customize and uncheck Promote independent publishing.

CleanShot 2022-10-12 at 10.52.31
CleanShot 2022-10-12 at 10.52.311456×1241 77 KB

2 Likes
14

Ah thank you very much

15

you will be able to remove powered by ghost from main site but when you visit the amp page it will still show published with ghost at the bottom. so i wrote two different blog post to remove branding from both places.

Links :-

Remove Published With Ghost

Remove Powered by Ghost

1 Like
18

Hi, I have the journal theme and I have the same problem, I have the starter plan, so I can’t download the theme.

How can modify this from code injection?

19

A very basic improvement is to replace 300 with 0 and the removal is instant.

20

please don’t!!! or please modify enough that it is not an interval.

21

Hello, ive create topic for this. Check it ;)

1 Like
22

You shouldn’t be modifying the defaults.json, you can just set it in your config (ghost config set <key> <value>)

1 Like
23

Just use code injection to hide the gh-powered-by class.

Inject the following CSS in the footer:

<style>
      .gh-powered-by {
              display: none; !important
      }
</style>