startExpandCollapse: How do I change appearance of title?

[hotaru]

Okay, another question that's probably obvious to everyone but me... 

I'm having a lot of fun with the ExpandCollapse tags, but I can't seem to change the appearance of the title for the collapsing section. The instructions say:

The look of the title can be changed via css. The title is wrapped in a div with the id you specify.

...but what element of the div do I need to set? If I write something like:

Code: Select all

      div#midwifery {
		font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
                font-size: 1.5em;
                line-height: 1.5em;
		}

... it just changes the appearance of the text within the collapsing section.

You can see what I mean on my test page:

http://birthingway.org/test/index.php?page=faq

(I've put the different categories in the Glossary module inside each collapsing section.)

Thanks always for help!

[cyberman]

Cause CMSms is a xhtml CMS the output should xhtml valid too. Haven't try the module yet but a output like that:

Code: Select all

<div id="midwifery" class="expand"></code><br />

can destroy all your css formating. Here  the code section must closed to the first and then you can open a new div.

Please check your source code - on your site I got 221 (!) xhtml warnings.

[hotaru]

Hmmm... I see what you mean. Some of these are coming from when I pasted the text into the FAQ, but a lot of them seem to be coming from the tag/module itself:

Frex:

Code: Select all

	<div id="midwifery" class="expand"></code><br />

was created directly by the StartExpandCollapse tag

and

Code: Select all

... the school?</a></dt><dd id="term_Can I come visit the school?" style="displa

by the Glossary module. (Seems I can't have spaces in my questions?)

Not sure if there's anything I can do about that or not? Other than not use the module, which wouldn't be any fun.