`s will be specific to the group you are targeting. Anything outside of the `
`'s will be shown to everyone. We’ll use CSS to control what is seen given a user’s group:
```plaintext
// Hide all by default
#banner [data-theme-group] {
display: none;
}
// Show specific content for a specific group
body.primary-group-GROUP_ONE #banner [data-theme-group="GROUP_ONE"],
body.primary-group-GROUP_TWO #banner [data-theme-group="GROUP_TWO"],
body.primary-group-GROUP_THREE #banner [data-theme-group="GROUP_THREE"] {
display: block;
}
```
Let me know if you need me to clarify anything. There may be a cleaner implementation of this, but it’s what I could come up with quickly. This can also be used to control different banner content for different categories with a little alteration to the code.
Also just a reminder that this still applies:
> [@awesomerobot](#):
>
> Just keep in mind that this uses CSS to hide the banner for everyone else, so someone in another group could potentially see the banner if they were inspecting the page and looking for it.
---
### Author:  [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [2 Ottobre 2018, 8:40pm UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/12 "2018-10-02T20:40:50Z")
Hi, thanks for great the documentation. I tested in my local development environment. But it seems banner’s seems to all groups. Did I get something wrong?
css:
```css
// Hide all by default
#banner [data-theme-group] {
display: none;
}
// Show specific content for a specific group
body.primary-group-team #banner [data-theme-group="team"],
body.primary-group-specificgroup #banner [data-theme-group="specificgroup"] {
display: block;
}
```
after header:
```html
# Banner 1
# Banner 2
```
edit: oh, i got it, it is not related to after header. i am trying now. 🙂
---
### Author:  [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [2 Ottobre 2018, 9:19pm UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/13 "2018-10-02T21:19:39Z")
Ok, it works but there is a problem. Empty banner box seems to anonymous users. And suggestion for that?
> [@tshenry](#):
>
> This can also be used to control different banner content for different categories with a little alteration to the code.
Can you share example of code? Thanks 🙂
---
### Author:  [@Mittineague](https://meta.discourse.org/u/Mittineague)
#### Post date: [2 Ottobre 2018, 11:15pm UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/14 "2018-10-02T23:15:44Z")
What is the closest parent element that contains the banner? That’s the element you need to target for the display none rule.
---
### Author:  [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [2 Ottobre 2018, 11:45pm UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/15 "2018-10-02T23:45:38Z")
> [@bekircem](#):
>
> Empty banner box seems to anonymous users. And suggestion for that?
To hide the banner completely for anon, you need to add the following to your CSS:
```plaintext
.anon #banner {
display: none;
}
```
> [@bekircem](#):
>
> Can you share example of code? Thanks 🙂
I don’t have it written out and ready, unfortunately. I’ll write it up and post it when I get chance.
---
### Author:  [@bekircem](https://meta.discourse.org/u/bekircem)
#### Post date: [3 Ottobre 2018, 6:09am UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/16 "2018-10-03T06:09:37Z")
> [@tshenry](#):
>
> To hide the banner completely for anon, you need to add the following to your CSS:
>
> ```plaintext
> .anon #banner {
> display: none;
> }
>
> ```
We hide empty banners to anonymous users but empty banners seems by other group users too. How i fix that? Thanks.
---
### Author:  [@tshenry](https://meta.discourse.org/u/tshenry)
#### Post date: [4 Ottobre 2018, 9:36am UTC](https://meta.discourse.org/t/how-to-use-banner-topic-feature-for-specific-group/97768/17 "2018-10-04T09:36:21Z")
You will need to replace any of the CSS posted earlier with the following. This will hide the entire banner for anons and any users not part of a group that has an associated banner. Once again replace `GROUP_ONE`, `GROUP_TWO`, etc with the relevant group names.
```plaintext
body {
// Hide the banner and all group-specific content by default
#banner,
#banner [data-theme-group] {
display: none;
}
// Display the banner for the following groups only
&.primary-group-GROUP_ONE {
#banner,
#banner [data-theme-group="GROUP_ONE"] {
display: block;
}
}
&.primary-group-GROUP_TWO {
#banner,
#banner [data-theme-group="GROUP_TWO"] {
display: block;
}
}
&.primary-group-GROUP_THREE {
#banner,
#banner [data-theme-group="GROUP_THREE"] {
display: block;
}
}
}
```