(EZ) Page Specific CSS classes and selectors

Hi,

I am a reasonable expert on webdesign/programming, but I was wondering if anybody could point me in the right direction with the following issue:

[1] I have several EZ-Pages with banner images specific to a given EZ page. I would love to use CSS selectors (id="title_of_EZ_page") to specify the source image for each page in the stylesheet. How do I rewrite the template files so that it automatically adds "title_of_EZ_page" to the template files?

[2] Website URL with specific page in question:
http://www.aquajoe.com/index.php?main_page=page&id=24&chapter=0

[3] Further note: you'll see, the issue arrises as the image needs to be called before the <h1 id="ezPagesHeading"> specified in the EZ Page. If that weren't the case, I could simply specify the image location in the EZ Page. An alternate solution would be to delete the H1/H2 heading in the appropriate template, then manually include it in the HTML code of the EZ Page.

Any thoughts? Thanks in advance.

/includes/templates/YOURTEMPLATE/templates/tpl_page_default.php
around line 15 you have:```

If your page id=37, that would give you this:```

You'd have to retool any #ezPageDefault selector in your stylesheet to suit.

Worked like a charm.