Image
Image

matchHeight

Description

matchHeight loads the jQuery matchHeight library and applies it to the CSS selectors entered in the plugin settings.

The plugin makes the height of all matched elements equal. It does not collect personal data, make external requests, or add front-end assets when no selectors are configured.

Usage

  1. Go to Settings > matchHeight.
  2. Enter the CSS selectors for the elements you want to equalize.
  3. Separate multiple selectors with commas, for example: .card, .feature.
  4. Save the changes.

The plugin is a WordPress wrapper for jQuery matchHeight.js by Liam Brummitt.

Screenshots

Installation

  1. Upload the matchheight folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the Plugins screen in WordPress.
  3. Go to Settings > matchHeight and add your selectors.

FAQ

Does the plugin load scripts on every page?

The scripts load on the front end only when at least one selector has been saved in the settings.

Can I use selectors other than classes and IDs?

Yes. You can use any selector supported by jQuery, including attribute selectors and combinators.

Reviews

Image
February 27, 2020 1 reply
Be advised – our developer found some potential Malware tied in with this plugin that our client added to the website. Their site started to be put on a blacklist. We quickly had the hosting company do a cleanup and we removed this plugin.
Image
February 28, 2017
Now, it's possible to have clean design with equal height columns / rows. Great
Read all 8 reviews

Contributors & Developers

“matchHeight” is open source software. The following people have contributed to this plugin.

Contributors

“matchHeight” has been translated into 1 locale. Thank you to the translators for their contributions.

Translate “matchHeight” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.

Changelog

1.2.1

  • Tested with WordPress 7.1.
  • Improved compatibility with current WordPress coding and security practices.
  • Corrected the bundled matchHeight library version used for browser cache busting.
  • Avoided loading front-end scripts when the selector setting is empty.
  • Improved settings sanitization, escaping, translations, and direct file-access protection.
  • Added graceful handling for invalid CSS selectors.
  • Added a Settings link on the Plugins screen.
  • Updated plugin metadata, documentation, and secure URLs.

1.2.0

  • Upgraded the matchHeight library to version 0.7.2.

1.1.0

  • Upgraded the matchHeight library to version 0.7.0.

1.0.0

  • Initial release.