# Customize/Design homepage

**URL:** <https://forum.ghost.org/t/customize-design-homepage/27654>\
**Category:** Themes\
**Created:** [December 31, 2021, 1:51pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654 "2021-12-31T13:51:37Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Kashyap\_Purushottam](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/kashyap_purushottam/32/16250_2.png) [@Kashyap\_Purushottam](https://forum.ghost.org/u/Kashyap_Purushottam)\
**Post date:** [December 31, 2021, 1:51pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654/1 "2021-12-31T13:51:37Z")

</div>

Hello there. i wish to take off the subscriber button on my homepage center. it doesn’t seem to go off even when i switch the “show portal button” off .

 ![1](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/c/4/c40ebd590a5f1a7e9b22097424254690fdd12fe8.png)

---

<div class="post-metadata">

**Author:** ![brightthemes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/brightthemes/32/25099_2.png) [@brightthemes](https://forum.ghost.org/u/brightthemes)\
**Post date:** [January 2, 2022, 8:01am UTC](https://forum.ghost.org/t/customize-design-homepage/27654/2 "2022-01-02T08:01:02Z")

</div>

The portal button setting is not linked to this element.

You can either remove the code in the hbs template, or you can do it by adding some CSS in code injection. Are you using an official theme?

---

<div class="post-metadata">

**Author:** ![satonotdead](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/satonotdead/32/33666_2.png) [@satonotdead](https://forum.ghost.org/u/satonotdead)\
**Post date:** [August 21, 2022, 12:16am UTC](https://forum.ghost.org/t/customize-design-homepage/27654/3 "2022-08-21T00:16:34Z")

</div>

I’m looking for the same in Headline.

What could be the better approach to do that? I want to hide Subscribe button only in homepage (because we are using a first screen like Substack).

---

<div class="post-metadata">

**Author:** ![brightthemes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/brightthemes/32/25099_2.png) [@brightthemes](https://forum.ghost.org/u/brightthemes)\
**Post date:** [August 24, 2022, 12:11pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654/4 "2022-08-24T12:11:59Z")

</div>

Do you mean the Subscribe button on the top right (in the header)?  
If yes, then you can try this:

```auto
<style>.home-template .gh-head-btn { display: none; }</style>

```

---

<div class="post-metadata">

**Author:** ![satonotdead](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/satonotdead/32/33666_2.png) [@satonotdead](https://forum.ghost.org/u/satonotdead)\
**Post date:** [August 24, 2022, 7:25pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654/5 "2022-08-24T19:25:48Z")

</div>

Nop, I mean the floating one on the bottom right.

We need to fork Portal for this or there is some workaround?

---

<div class="post-metadata">

**Author:** ![brightthemes](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/brightthemes/32/25099_2.png) [@brightthemes](https://forum.ghost.org/u/brightthemes)\
**Post date:** [August 25, 2022, 6:14am UTC](https://forum.ghost.org/t/customize-design-homepage/27654/6 "2022-08-25T06:14:31Z")

</div>

That can be turned off from the Portal settings.  
**Settings \> Membership \> Customize Portal**

 ![CleanShot 2022-08-25 at 09.14.55@2x](https://us1.discourse-cdn.com/flex015/uploads/ghost2/original/3X/e/c/ecf0e1ec2a9abc69b610ce581e50a83176c51bcd.png)

---

<div class="post-metadata">

**Author:** ![satonotdead](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/satonotdead/32/33666_2.png) [@satonotdead](https://forum.ghost.org/u/satonotdead)\
**Post date:** [August 25, 2022, 1:17pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654/7 "2022-08-25T13:17:52Z")

</div>

I just want to keep it switched off on homepage, not on the whole site.

---

<div class="post-metadata">

**Author:** ![RyanF](https://sea1.discourse-cdn.com/flex015/user_avatar/forum.ghost.org/ryanf/32/17448_2.png) [@RyanF](https://forum.ghost.org/u/RyanF)\
**Post date:** [August 25, 2022, 7:03pm UTC](https://forum.ghost.org/t/customize-design-homepage/27654/8 "2022-08-25T19:03:42Z")

</div>

You should be able to add this CSS to **Code Injection** → **Site Header** :

```css
<style>
.home-template #ghost-portal-root {
  display: none;
}
</style>

```