# Using an Image for a Global Banner Topic - Dimensions?

**URL:** https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176
**Category:** Support
**Created:** [December 3, 2020, 10:37pm UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176 "2020-12-03T22:37:24Z")
**Posts on this page:** 5
**Page:** 1

<div class="post-metadata">

### Author: ![hannah.neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hannah.neil/32/202187_2.png) [@hannah.neil](https://meta.discourse.org/u/hannah.neil)
#### Post date: [December 3, 2020, 10:37pm UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176/1 "2020-12-03T22:37:25Z")

</div>

Hello!

**My goal:** I am looking for an easy way to have an image as a pinned global banner. We’re announcing our user conference and have a pretty graphic I’d like to display instead of just text.

**What I’ve Tried:**

- I created a topic with only an image in the body, no text, and pinned that as the global banner. It worked but the dimensions were definitely incorrect - too much height, not enough width.
- I don’t want to use the settings \> global notice function as it is certainly not an emergency.

If this has worked for you before, what dimensions did you use for the image? If I’m barking up the wrong tree entirely, is there another simple way to do this?

Thank you!

---

<div class="post-metadata">

### Author: ![manuel](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/manuel/32/468169_2.png) [@manuel](https://meta.discourse.org/u/manuel)
#### Post date: [December 3, 2020, 11:00pm UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176/2 "2020-12-03T23:00:27Z")

</div>

Maybe use this theme component?

> [@Versatile Banner](https://meta.discourse.org/t/versatile-banner/109133):
>
> discourse2Summary Versatile Banner adds a customizable banner to your site.eyeglassesPreview [Preview on Discourse Theme Creator](https://discourse.theme-creator.io/theme/Discourse/versatile-banner)hammer_and_wrenchRepository Link [https://github.com/discourse/discourse-versatile-banner](https://github.com/discourse/discourse-versatile-banner)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 Features This theme component is an evolution of previous banner efforts. The goal is to provide more ease and flexibility through the use…

---

<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: [December 5, 2020, 3:54am UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176/3 "2020-12-05T03:54:04Z")

</div>

That theme component might be a good route, but if you really want to use the pinned banner you can fit a 1050px x 150px image in there without hitting any scrollbars.

Note that as you narrow the browser the image won’t fit, and scroll will return. You can avoid this with a little custom CSS added to your theme to re-scale the image… but the image will start getting really small once you’re down to the size of a mobile device, so it’s not perfect.

```scss
#banner img {
    width: 100%;
    height: auto;
}

```

---

<div class="post-metadata">

### Author: ![hannah.neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hannah.neil/32/202187_2.png) [@hannah.neil](https://meta.discourse.org/u/hannah.neil)
#### Post date: [December 7, 2020, 5:43pm UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176/4 "2020-12-07T17:43:59Z")

</div>

Thank you all for the help! I appreciate the guidance and will try these solutions. This feels significantly less intimidating now.

---

<div class="post-metadata">

### Author: ![system](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/system/32/443519_2.png) [@system](https://meta.discourse.org/u/system)
#### Post date: [January 6, 2021, 5:44pm UTC](https://meta.discourse.org/t/using-an-image-for-a-global-banner-topic-dimensions/172176/5 "2021-01-06T17:44:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.
