Insert Background Image in Header

Is it possible to insert an Image as Background in the Header?

Thank You in advance

You can add an image in a module and put that module into a header position.
Or you can add custom CSS which shows the image using the background CSS property.

Hello Thomas

Thank You for the reply.

Have tried with the Module (placed at position headermodule1), but it messes up the Logos in the Header

Have then editied the Template9.css file (generated by LessAllrounder and placed in templates/allrounder/css),

Have changed the following:
#header {
min-height: 120px;
position: relative;
background-color: #575757;
background-image: -webkit-gradient(linear,0 0,0 100%,from(#525252),color-stop(25%,#5e5e5e),to(#383838));
background-image: -webkit-linear-gradient(#525252,#5e5e5e 25%,#383838);
background-image: -moz-linear-gradient(top,#525252,#5e5e5e 25%,#383838);
background-image: -o-linear-gradient(#525252,#5e5e5e 25%,#383838);
background-image: linear-gradient(#525252,#5e5e5e 25%,#383838);
background-repeat: no-repeat;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff515151', endColorstr='#ff383838', GradientType=0);
background-color: #383838;
border-top: 1px solid #000000;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

to:
#header {
min-height: 120px;
margin: 0 0px 0px 0px;
padding:0 0 0 0px;
position:relative;
background-image:url('../images/header.png');
background-repeat:repeat-x;
}


and that seems to work for me

Please don't edit the template9.css file itself. It will be overwritten the next time you save the template style.
Instead you can use the Custom CSS field or create the file /templates/lessallrounder/css/custom.css and put the rules in there. Any change only have an effect after saving the template style again.

Thank You for the advice

Success putting the Code in the Custom css-field