by damiarita 5 (4 reviews)

Same Height

Name: Same Height
Rating: 5.0 (4 reviews)
Author: damiarita

Force different parts of your content to the same height. Very useful if you want to present to boxes side by side. Responsive and bootstrap-friendly.

Same Height ranks #15,207 among WordPress.org plugins with 100+ active installations, is #1,751 of 8,543 in the Customization category, a 5/5 rating from 4 reviews, and was last updated Jan 24, 2017. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 4.7 (Current: 7.1)

vtrunk Current Version vtrunk

Updated 9 years ago Last Update on 24 Jan, 2017

Refreshed 15 hours ago Last Refreshed on

#1,751 of 8,543 in Customization Top 25% by installs No update in over a year

View on WordPress.org

Rank

#15,207

-26 this week

Active Installs

100+

-36.3%

KW Avg Position

— No change

Downloads

3.1K

+1 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (4 reviews)

Next Milestone 200

Total Progress 31%

100+ 200+

8,475

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 69 more installs to reach 200+

Rank Changes

Current #15,207

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

4 reviews

Overall 100%

4 (100%)

0 (0%)

Security History

Source: WPVulnerability

No known vulnerabilities on record for Same Height. Checked 1 month ago.

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: trunk
Last Updated: Jan 24, 2017
Requires WP: 1.3.0+
Tested Up To: 4.7
PHP Version: N/A
Author: damiarita

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 4
Support Threads: 0
Resolved: 0%

Keywords

css javascript jquery sameheight shortcode

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,752

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Elementor Website Builder - more than just a page builder

10M+ installs

LiteSpeed Cache

7M+ installs

Ultimate Addons for Elementor – Widgets, Templates, WooCommerce & Header Footer Builder

2M+ installs

#26

Essential Addons for Elementor - Popular Elementor Templates & Widgets

1M+ installs

#29

Starter Templates: AI-Powered Website Templates for Elementor & Gutenberg

One Click Demo Import

1M+ installs

#61

Translate Wordpress with GTranslate

900K+ installs

#71

View all Customization plugins

TL;DR

AI summary of the plugin's readme

This plugin is for WordPress site owners and designers who need content boxes displayed side by side. It solves the problem of visually mismatched box heights by using jQuery to detect grouped elements and resize them all to match the tallest one.

Shortcode-based height matching
Groups shortcodes by ID
Responsive breakpoints (xs, sm, md, lg)
Bootstrap-compatible breakpoint widths
Additional CSS classes support
Manual HTML class configuration
No shortcode required option

Frequently Asked Questions

Common questions about Same Height

You can group shortcodes like this: [sameheight group="1"] This is a very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very long text [/sameheight] [sameheight group="1"] This is a short text [/sameheight] [sameheight group="2"] This is another short text [/sameheight] [sameheight group="2"] This text is long, but not quite as long as the previous one. So, I don't want these to parts to look as long. But they should still look the same. [/sameheight]

You can add a breakpoint like this. [sameheight breakpoint="xs" ] (You could even use no breakpoint at all) This is a very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very long text [/sameheight] [sameheight breakpoint="xs" ] (You could even use no breakpoint at all) This text always has to use the same height than the previous one. [/sameheight] [sameheight breakpoint="md"] This is a very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very, very long text [/sameheight] [sameheight breakpoint="md"] This text only has to use the same height when it is next to the previous, but not when it is underneath on smarphones. [/sameheight] You have these breakpoints (those familiar with bootstrap know them): "xs" forces same height for all window widths (extra small window - smartphone). Alternatively, you can use no breakpoint "sm" forces same height for window widths > 768px (small window - small tablet) "md" forces same height for window widths > 992px (medium window - table or small desktop) "lg" forces same height for window widths > 1200px (large window - desktop) Names and widths are based on bootstrap. Please, note that shortcodes with different "breakpoint" will be in different groups regardless of the "group" setting. You can still use "group" to separate to groups with the same "breakpoint".

Easy: [sameheight additional_classes="my-class1 my-classA"] This is a short text [/sameheight] [sameheight additional_classes="my-class2 my-classB"] This is a very, very, very, very, very, very long text [/sameheight]

Sure: [sameheight group="1" breakpoint="md" additional_classes="my-class1 my-classA" /] will work.

No! If you are editing your html, you can put the right properties in it. That's all tha shortcode does. Make sure you add the class 'same-height'. If you use a break point, add it with a hyphen (-) like this: 'same-height-xs', 'same-height-sm', 'same-height-md', or 'same-height-lg'. The Javascript is looking for those classes to identify the html elements it has to work on. If you are grouping boxes, use the 'same-height-group' property. Like <div class="same-height" same-height-group="1" >