# Signup Banner

**URL:** <https://meta.discourse.org/t/signup-banner/210745>\
**Category:** Theme component\
**Tags:** official, signup-banner\
**Created:** [December 1, 2021, 6:55pm UTC](https://meta.discourse.org/t/signup-banner/210745 "2021-12-01T18:55:15Z")\
**Posts on this page:** 1\
**Showing post:** 8

<div class="post-metadata">

**Author:** ![Danny\_Dainton](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/danny_dainton/32/486326_2.png) [@Danny\_Dainton](https://meta.discourse.org/u/Danny_Dainton)\
**Post date:** [February 6, 2025, 1:04pm UTC](https://meta.discourse.org/t/signup-banner/210745/8 "2025-02-06T13:04:17Z")

</div>

Has anyone who is using this component changed the styling or positioning of it on their sites?

I would love to hear or see what you’ve done 🙏

I have a situation when I have the banner showing but also the Login button in the header navbar 😬

 ![image](https://global.discourse-cdn.com/meta/original/4X/f/8/6/f860ada9f22abc2577976e8d170a7b7500ea1c0c.png)

Any way that I can hide that using css in the theme, if the banner class is showing? I tried something like this but it didn’t help ☹

```plaintext
.discourse-signup-banner:not([style*="display: none"]) .auth-buttons {
    display: none !important;
}

```

* * *

_Edit_

I was able to achieve this by doing this instead ❤

```plaintext
body:has(.discourse-signup-banner) .auth-buttons {
    display: none !important;
}

```

---

_[View the full topic](https://meta.discourse.org/t/signup-banner/210745)._