The discussion revolves around adding a top banner image to a Discourse site. Sherran is seeking help to implement the banner, and Moin suggests checking if the Versatile Banner component is installed.
After installing the component, Sherran faces issues with the image size and alignment. HAWK and HAWK ask for clarification and images to better understand the problem.
Lilly suggests alternative solutions, including the Giant Header Image component and various banner components in the #theme-component category. Lilly also shares a link to a topic on creating an image banner.
Sherran shares images of the issue and Lilly provides a solution using CSS. However, Sherran is unsure about implementing the CSS code.
In the latest updates, Sherran attempts to implement the CSS solution but faces issues with the image size and alignment. The user is seeking further assistance with implementing the banner image.
I have the same question like this guy:How to add a header image and customize it
Have no idea where should I put this code. Any help?
I just put it here and looks like I am wrong about it.
Or is there any more simple component to add a banner picture to my discourse?
Thanks in advance.
Did you also install the Versatile Banner which is mentioned in that topic? The adjustment for that component won’t do anything without the component.
Yes, I install and put it in use.
Where are you getting stuck?
I want to use the versatile banner just to insert the background image but the image only shows a little bit. I need to type words to show more of it but I don’t need words.
It’s very difficult to understand the issue with so little info. Could you share images to show what is going wrong?
Hi @Sherran 
if you are just wanting to insert a banner image, the Vesatile banner component may not be ideal. Perhaps try having a look at this topic:
or have look at the various banner components in the Customization > Theme component category
https://meta.discourse.org/search?q=banner%20%23theme-component%20order%3Alatest_topic
@Moin kindly just reminded me of this:
They clearly have a much better memory than I do 
I delete all the content in columns and insert a background picture:
But the picture is only shown like this:
And I want it to be shown in full size.
So I tried to put the code in the above given by the support or whoever it is in the theme‘s CSS (I don’t know if this is the right place. Looks like not.)
I don’t know how to customize HTML. If I have the banner image URL, how can I make it a banner?
Thanks. I will try. When you say use this CSS, I don’t know where exactly shall I put that thing in {}. Let me see.
The CSS #homepage-banner is not working. I changed the width and height but the image presented in full and didn’t show any changes. So I write everything in the main heading content:
But the image will get to the subject content instead of staying as a banner.
About the CSS didn’t work. I put it here this way. What I shall change?
I am not good at coding and HTML. I must be missing something. Hope I can have your help. Thanks in advance.
