Force ZIP Code to Stay in One Line

Description

The different countries have different requirements when it comes to ZIP code or address formatting. One such rule is that the ZIP code has to be on one line. However, if the ZIP code has a space, it will break into two lines when there is not enough space. This can be overcome with a simple CSS trick.

Usage

Copy the below code into your (child) theme's style.css file, or add it to Appearance > Customize > Additional CSS box (or wherever you usually put custom styling).

Plugins

The Events Calendar

Snippet

.tribe-postal-code {
	white-space: nowrap;
}

If you would like to do the same with other parts of the venue address, here are all the CSS selectors you can use:

.tribe-street-address {}
.tribe-locality {}
.tribe-region {}
.tribe-postal-code {}
.tribe-country-name {}
.venue-address .tel {}
.venue-address .url {}

Notes

  • Originally written in April 2019
  • Tested with The Events Calendar 4.8.2
  • Author: AndrĂ¡s Guseo

Disclaimer

As with all of our recipes, please note that we share this in the hope it will be useful but without any guarantees or commitments. If you wish to use it, it is your responsibility to test it first of all and adapt it to your needs (or find someone who can do so on your behalf). We are unable to provide further support in relation to this recipe.