Create 2 Color Module Titles in Joomla 1.5

Written by Dallas

TAGS: 2 color module titles, title spans, 2 tone module titles

The simplest method to do this is to use module chrome. If you are using a template that has a custom module chrome the file will be located at /templates/{template_name}/html/modules.php.

If your template does not have the modules.php file we will create one by copying the file from templates/system/html/modules.php.

Step 1:

function spanReplace($title){ $title = "<span>" . $title; $space = strpos($title," "); if($space){ $title = substr($title, 0, $space) . "</span>" . substr($title, $space); }else{ $title .= ""; } return $title; }

Step 2:

Next you will need to do a find and replace. Find all instances of this:

And replace with this:

Step 3:

Save the new modified file at: templates/{template_name}/html/modules.php.

If you don’t have an html folder in your template, just create one.

Step 4:

Next add some CSS in your template.css for your new module title colors:

Example:

.moduletable h3 span {color: #0496eb} .moduletable h3 {color:#666}

You should now have 2 color module titles.

If it is not working, check the module chrome style in your template’s index.php file. Make sure your modules are using a chrome style that you modified in the modules.php file

Example: In the modules.php file I replaced “$module->title” in the function named:
function modChrome_xhtml
so I want to make sure that in my index.php file my modules look like this:
<jdoc:include type="modules" name="left" style="xhtml" />