# Versatile Banner

**URL:** https://meta.discourse.org/t/versatile-banner/109133
**Category:** Theme component
**Tags:** official, versatile-banner
**Created:** [February 14, 2019, 10:05am UTC](https://meta.discourse.org/t/versatile-banner/109133 "2019-02-14T10:05:24Z")
**Posts on this page:** 9
**Page:** 6

<div class="post-metadata">

### Author: ![\_UltraPro](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/_ultrapro/32/497873_2.png) [@\_UltraPro](https://meta.discourse.org/u/_UltraPro)
#### Post date: [December 15, 2025, 11:09pm UTC](https://meta.discourse.org/t/versatile-banner/109133/369 "2025-12-15T23:09:09Z")

</div>

this broke on the latest discourse version udpdate and no longer can show images as a background

---

<div class="post-metadata">

### Author: ![mohx](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mohx/32/542363_2.png) [@mohx](https://meta.discourse.org/u/mohx)
#### Post date: [February 6, 2026, 9:01pm UTC](https://meta.discourse.org/t/versatile-banner/109133/370 "2026-02-06T21:01:08Z")

</div>

Hi all,

Please forgive my ignorance, but I noticed that there are css options to have this component display for either anon, members, or both.

I would like to add a custom group as an option since I plan to use the banner as advertisement space. Paid members will be a part of an “ad-free / non-versatile banner” group, opposed to non-paid (regular), and anon users will be presented the versatile banner.

I assume css additions in the theme component customization area is the correct way to go about this once I create the group, but any guidance is appreciated.

I do not know enough to ask my question better than that.

Thanks

---

<div class="post-metadata">

### Author: ![NateDhaliwal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natedhaliwal/32/313494_2.png) [@NateDhaliwal](https://meta.discourse.org/u/NateDhaliwal)
#### Post date: [February 7, 2026, 12:04am UTC](https://meta.discourse.org/t/versatile-banner/109133/371 "2026-02-07T00:04:40Z")

</div>

Hmm… if you want to target those groups, then perhaps you should use:

> [@CSS Classes for Current User's Groups](https://meta.discourse.org/t/css-classes-for-current-users-groups/226068):
>
> discourse2Summary CSS Classes for Current User’s Groups adds the groups that a member is a part of as CSS classes on the \<body\> tag.eyeglassesPreview [Preview on theme-creator.discourse.org](https://discourse.theme-creator.io/theme/Johani/user-groups-css-classes)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-groups-css-classes-in-body](https://github.com/discourse/discourse-groups-css-classes-in-body)open_bookNew to Discourse Themes? [Beginner’s guide to using Discourse Themes](https://meta.discourse.org/t/beginners-guide-to-using-discourse-themes/91966) Install this theme component Before: [image] After: [image] Discourse only adds the current us…

And hide the ads using CSS, if that’s your plan.

---

<div class="post-metadata">

### Author: ![Moin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/moin/32/554653_2.png) [@Moin](https://meta.discourse.org/u/Moin)
#### Post date: [February 7, 2026, 12:16am UTC](https://meta.discourse.org/t/versatile-banner/109133/372 "2026-02-07T00:16:31Z")

</div>

The [house ads](https://meta.discourse.org/t/house-ads-in-the-official-ad-plugin/116715) feature of the [discourse advertising](https://meta.discourse.org/t/discourse-advertising-plugin-ads/33734) plugin allows you to exclude groups from seeing those ads. Maybe you can use that for showing ads instead of hiding the versatile banner based on the users groups.

---

<div class="post-metadata">

### Author: ![pacharanero](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/pacharanero/32/500583_2.png) [@pacharanero](https://meta.discourse.org/u/pacharanero)
#### Post date: [April 10, 2026, 10:02am UTC](https://meta.discourse.org/t/versatile-banner/109133/373 "2026-04-10T10:02:59Z")

</div>

Just a heads-up about changes to Ingur access from the UK which is affecting this TC.

I’ve just installed Versatile Banner on a new site, I have it running on other sites but this is the first ‘new install’ for a while, so it’s the first time I’ve seen the unconfigured default view of VB.

The default image background Versatile Banner is a link to Imgur, but unfortunately Imgur content [is now completely inaccessible in the UK](https://help.imgur.com/hc/en-us/articles/41592665292443-Imgur-access-in-the-United-Kingdom). I think this may be because of mandatory age-checking legislation that was introduced here, but I’m not sure.

So on first installation the Versatile Banner looks like this in the UK

 ![image](https://global.discourse-cdn.com/meta/original/4X/c/0/e/c0e8ba60bfcbcba08fda73032433b7689c85325d.jpeg)

I can confirm that spoofing my origin using a VPN fixes the image access issue.

It might be worth changing the default image to something GitHub-hosted? Could be in the VB repo? Or otherwise another hosting source which is not blocked in the UK.

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 3, 2026, 8:46pm UTC](https://meta.discourse.org/t/versatile-banner/109133/374 "2026-07-03T20:46:34Z")

</div>

Thanks for pointing this out! We shouldn’t be linking to an external image host here, I’m surprised it continued working for so long. That image has quite a lot of views, thanks imgur!

 ![1,534,183 imgur views](https://global.discourse-cdn.com/meta/original/4X/c/f/4/cf46b4ef852e6b7dfafb2daf2d39fd90913f5456.png)

Time to move on… once merged this is going to migrate the image to be sourced within the theme directly. It also adds some optional upload settings if you don’t want to supply a URL. Existing background image settings should remain unchanged after this update.

[https://github.com/discourse/discourse-versatile-banner/pull/67](https://github.com/discourse/discourse-versatile-banner/pull/67)

---

<div class="post-metadata">

### Author: ![TimMOz](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@TimMOz](https://meta.discourse.org/u/TimMOz)
#### Post date: [July 21, 2026, 3:27pm UTC](https://meta.discourse.org/t/versatile-banner/109133/375 "2026-07-21T15:27:17Z")

</div>

Hi, I noticed that changing the cookie name doesn’t cause the banner to re-appear as per the help text. I have tweaked code in versatile-banner.gjs around line 25/26 which resolves it and causes the banner to reappear if the cookie name is changed. Not sure if this is the best way. (Sorry I don’t have the github setup to create fork/pull)

Thanks

```plaintext
  cookieClosed = cookie("banner_closed");
  cookieClosed = (this.cookieClosed && JSON.parse(this.cookieClosed).name == settings.cookie_name)
    ? this.cookieClosed
    : null;
  cookieCollapsed = cookie("banner_collapsed");
  cookieCollapsed = (this.cookieCollapsed && JSON.parse(this.cookieCollapsed).name == settings.cookie_name)
    ? this.cookieCollapsed
    : null;

```

---

<div class="post-metadata">

### Author: ![awesomerobot](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/awesomerobot/32/142900_2.png) [@awesomerobot](https://meta.discourse.org/u/awesomerobot)
#### Post date: [July 22, 2026, 12:05am UTC](https://meta.discourse.org/t/versatile-banner/109133/376 "2026-07-22T00:05:20Z")

</div>

Thanks for the report! I’ve just made an update available that gets cookies back in working order, let us know if you have any further trouble with it

---

<div class="post-metadata">

### Author: ![TimMOz](https://avatars.discourse-cdn.com/v4/letter/t/45deac/32.png) [@TimMOz](https://meta.discourse.org/u/TimMOz)
#### Post date: [July 22, 2026, 12:19pm UTC](https://meta.discourse.org/t/versatile-banner/109133/377 "2026-07-22T12:19:10Z")

</div>

Thanks - tested and appears to work correctly.

[Previous page](https://meta.discourse.org/t/versatile-banner/109133.md?page=5)
