Section Headers

[advancemm]

Hey!

I am using the CSS Vertical Menu and am trying to have a different size, colour and image behind the items that are section headers. I am a bit new to the CSS and programming for the .tpl file, so it would be really helpful if someone could help me out.... I managed to get a image behind the text, but it was cropped off where the text started and finished.... Thanks so much!

Here is the current cssmenu.tpl information I have:

{* CSS classes used in this template:
#menuwrapper - The id for the that the menu is wrapped in. Sets the width, background etc. for the menu.
#primary-nav - The id for the
.menuparent - The class for each that has children.
.menuactive - The class for each that is active or is a parent (on any level) of a child that is active. *}
{if $count > 0}


{foreach from=$nodelist item=node}
{if $node->depth > $node->prevdepth}
{repeat string='' times=$node->depth-$node->prevdepth}
{elseif $node->depth prevdepth}
{repeat string='' times=$node->prevdepth-$node->depth}

{elseif $node->index > 0}
{/if}
{if $node->parent == true or ($node->current == true and $node->haschildren == true)}

current == true}

haschildren == true}

type == 'sectionheader' and $node->haschildren == true}
{$node->menutext}{elseif $node->type == 'separator'}
{else}

type != 'sectionheader' and $node->type != 'separator'}
{if $node->target}target="{$node->target}" {/if}
href="{$node->url}">{$node->menutext}
{elseif $node->type == 'sectionheader'}
{$node->menutext}
{/if}
{/foreach}
{repeat string='' times=$node->depth-1}




{/if}

[Dr.CSS]

No need to change the menu template as what you want to do is CSS changeable, look at the page view source to see what you have to work with, is there a class for the section header, does it have a span around it, etc. then look in the CSS to find the way to target that part...

Firefox with the Web Dev. tool bar can go a long way in helping you...