Remove "powered by"

Is it possible to hide the powered by using a code snippet with the Source theme or is it frowned upon, and or impossible? :see_no_evil:

Inspect the page (right click and choose the ā€˜inspectā€™ option and youā€™ll see this:

<div class="gh-footer-copyright">
                Powered by <a href="https://ghost.org/" target="_blank" rel="noopener">Ghost</a>
            </div>

Thatā€™s the thing you want gone, and it has a class of .gh-footer-copyright. So put this in the code injection:

<style>
.gh-footer-copyright { display: none; }
</style>

Tutorial:

2 Likes

Me again, is it possible to change the powered by text or ad a footer text to source theme using a code snippet?

1 Like

Oh, sorry. Didnā€™t read carefully. In code injection FOOTER:

<script>
let target = document.querySelector('.gh-footer-copyright');
target.innerHTML = `Whatever HTML you want goes here`;
</script>
3 Likes

Interesting, but I donā€™t understand how to get it to work :frowning:

Youā€™re going to have to ask a question other than ā€œI donā€™t get itā€ if you need more help. :) Did you put that in code injection? Where are you stuck?

1 Like

So true, that was not so clear :see_no_evil:

What I wanted to create was a bit of text in the footer. Nothing showed when entering your code.

However, as we all know one shall not attempt things like this when being tired. Cause I kind of forgot to remove the snippet to NOT show anything at all in the footer :laughing:

SORRY!!! :hugs:

(laughing) Iā€™m glad you figured it out. Of course, us Ghost Experts never never ever make a mistake like forgetting we changed the CSS somewhere.

(And just in case you canā€™t tell, Iā€™m joking. I make tons of mistakes! Yesterday, I spend half an hour scratching my head about a missing comma.)

:joy::joy::joy::raised_hands:t2:

Excellent, for me I feel stupid some days when I realise how I was not even close to use my brain the day before, and also having to admit it in public