Overlay page title over an image - Joomla! Forum - community, help and support

hey everyone, want place image @ top of content , overlay page title , sitename on top of that. have attached image refers mean. site being developed locally don't have links sorry. rest of site coming along pretty smoothly, appreciated.

requires styling desired effect. suggest mini course in css takes 20mins learn basics

but i'd this.

in style.css

code: select all

.mainhead {
background: url("folder/path/to/filename.jpg") no-repeat transparent;
width: 980px;
height: 500px;
}
.titles {
padding:50px 100px;
}
.titles h1 {
font-size:16px;
padding: 10px;
}
.titles span {
font-size: 16px;
padding: 10px;
}


then in you'd need use style, since dont know style using base dunno add :p