Using an Image for a Global Banner Topic - Dimensions?

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!

3 Likes

Maybe use this theme component?

3 Likes

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.

#banner img {
    width: 100%;
    height: auto;
}
2 Likes

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

2 Likes

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