How do I remove the colon from my field labels?

Question

I simply want to be able to remove the colon from my rendered field labels, for example:

Hotel name: to Hotel name

I copied field.tpl.php and removed the colon there, but no matter what Drupal refuses to accept it and is pulling the colon from elsewhere.

How can I do this with a template.php function?

Answer 1

The answer is definitely to use field.tpl.php. If you look at the source for that file you can see the offending lines:

<?php if (!$label_hidden): ?>
  <div class="field-label"<?php print $title_attributes; ?>>
    <?php print $label ?>:&nbsp;
  </div>
<?php endif; ?>

(spacing and indentation mine for clarity).

Removing the colon is as simple as replacing the above lines with:

<?php if (!$label_hidden): ?>
  <div class="field-label"<?php print $title_attributes; ?>>
    <?php print $label ?>&nbsp;
  </div>
<?php endif; ?>

I've just tested that on a blank Drupal installation and it works perfectly; no more colons after field labels.

If you're already doing the same thing, but not getting the correct results, then I can think of one or two things that could be going awry:

• You've put your custom version of field.tpl.php into a module folder, rather than in your site's active theme folder (it needs to be in the theme folder).
• Another module/element in the system is also overriding field.tpl.php, in a more robust manner than you currently are. Seeing if this is the case will involve the always-tedious disabling of each enabled module to determine where the problem is coming from.

You won't be able to make the change with a template preprocess function, as the colon is hard-coded into the template file.

Answer 2

I just created a module which does exactly this, removes colons (on a per field basis) from field labels on output: Colectomy

Answer 3

If it is a View with fields, just click on the field and uncheck "Place a colon after the label" under "Create label".

Answer 4

Display suite provides the same functionality as well:

If you enable display suite extras there's an option to remove colons before labels:

The path for that is: /admin/structure/ds/list/extras/

Answer 5

I couldn't find an answer to this question for Drupal 8 anywhere. With Drupal 8 the colon is added with a CSS file (field.css) in the Classy core theme if you're using it as your base theme. All you have to do is override it in your own CSS file in your theme.

So from the original field.css file:

.field--label-inline .field__label::after {
    content: ':';
}

In my theme CSS file to remove the colon:

.field--label-inline .field__label::after {
    content: '';
}

Answer 6

In my case it worked by overriding theme_field() (field.module) by copying the entire function to my template.php file and changing the line that reads

$output .= '<div class="field-label"' . $variables['title_attributes'] . '>' . $variables['label'] . '&nbsp;</div>';

Clear caches before trying.