(EZ) Page Specific CSS classes and selectors

[uiserloh]

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?mai...d=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.

[DrByte]

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

<div class="centerColumn" id="ezPageDefault">

Perhaps replacing that with this might do it:

<div class="centerColumn" id="ezPage<?php echo $ezpage_id; ?>">

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

<div class="centerColumn" id="ezPage37">

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

[uiserloh]

Worked like a charm.