matchHeight

Plugin Banner

matchHeight

by neilgee

Download
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.

  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.
  1. The matchHeight settings screen.

    The matchHeight settings screen.

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.

Excelente

By Marcelo (mdilisio) on August 4, 2020

Lo probé y funcionó muy bien.

Malware

By zoltansmx on February 27, 2020

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.

I love this

By EdgeMarketing on September 7, 2017

It saves so much time.

Saves a Ton of Time in Adding It Myself

By jonroc804 on August 2, 2017

Thanks! Works Like a Charm.

Great Plugin

By Seolotsen (webdesigngettorf) on February 28, 2017

Now, it’s possible to have clean design with equal height columns / rows. Great

Solves it quick and easy

By wasanajones on November 6, 2016

thanks

Worked perfectly

By (greencouch) on September 3, 2016

This worked beautifully for adding responsive element heights to an existing theme. Added the class and it worked like a charm. THANK YOU.

Featured on iThemes Training Plugin Roundup Jan 4, 2016

By nathaningram on September 3, 2016

Nice plugin that solves an issue that drives many designers crazy. Drop in the CSS selector(s) and it works. Thanks!

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.