Create a an image banner

support
2

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

</div>

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.

4 Likes