I want to be a little creative with some CSS and have text that shows the first word in a different color. I have established two CSS Classes for the colors and divided up the "Title" using the MaxWords script
function maxWords($textOrHtml, $maxWords) {
$text = strip_tags($textOrHtml);
$words = preg_split("/\s+/", $text, $maxWords+1);
if (count($words) > $maxWords) { unset($words[$maxWords]); }
$output = join(' ', $words);
return $output;
}
and then in the page code
<span class="red-title"><?php echo maxWords($record['title'], 1) ?></span> <span class="black-title"><?php echo htmlencode($record['title']) ?></span>
Now, the problem I face with that is that it shows the first word over again in the second instance. I am thinking I need to skip the first word of the title in the second instance so my titles show up like this:
Service and Support
Any ideas on how this could be accomplished?
I have tried using (with no luck as this only removes the first letter)
<?php echo substr($record['title'], 1) ?>