Text with background image on main page

I'm trying to make a heading with text and background image on the main page like the 'Featured Products' or 'New Products for...' heading. I've been trying to do this using the define pages editor, but haven't been able to get the background image behind the text. Is there a way to do this with html code or does the template file and stylesheet need to be edited?

Any zc-assembled page still has to follow HTML rules, so if you do the same, your customisations will work.

As the CONTENT of the define pages can be formatted HTML, all you need do is construct that html properly.

By using proper <div> elements, you can apply your own unique DIV ID or DIV CLASS names. Bear in mind too, that other elements can have ID's and CLASSES (including tables, table rows, table cells, spans, paragraphs... etc.)

So... if you want a DIV (or other element that you create) to have a background image, then do something like this:

Then... just add a declaration in your stylesheet:

#mainPageHeadingBackground {
background-image: url(../images/home_page_header_background.jpg);

(The PATH in my declaration will reference the images folder in the template section... but you can reference any path you choose...)

schoolboy, that worked perfectly. Thank you very much!