Create a an image banner

Could someone explain it to me from 0.
I want to create a banner that is just an image. I have installed the theme component.
I would like to know how to make the banner bigger so that the image can be seen. You would have to explain it to me as if I don’t know anything.

I’ve deleted all the text, but I don’t know how to make the banner bigger to show the full picture.


try this in a theme component. in common css:

#homepage-banner {
    width: 100%;
    height: 300px;

you can adjust the height to however you like.

put the following around the image in the versatile banner component where you have your image URL, probably the main heading content field.

<div id="homepage-banner">

put image here


you can add other CSS code to format it more. you can look at the versatile banner on my site (see profile) and get an idea of what can be done with other formatting like rounding corners and inserting text.


Thank you very much, it works perfectly and very well explained for a novice like me.


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