Hi,
I’m trying to use this plugin but have very little knowledge. Are you able to explain exactly what I need to do to apply it? I have three columns, I want them to be the same height. I have installed the plugin but don’t know what height to make them, what a selector or breakpoint is.
Are you able to advise clearly on how to use the plugin?
]]>On certain pages, the columns do not equalize until after I reload the page. The URL below is one example that consistently does this. This behavior occurs on both my desktop PC and on mobile device. On my PC, I have to bring up an incognito window for it to work after reload. Any ideas why this would be happening?
]]>This is a great plugin, until ajax is introduced then the js that run to auto-create the heights is then useless.
A quick solution would be to also generate an inline css style class, after capturing the tallest element, so that users can add that class name to the ajax loaded content
]]>Hi,
Not a coder but built the website and close to launching.
However, the only part I can’t get around is to set the equal height to product-category columns.
It’s a big ask, but is there a simple workaround. I’ve looked at many tutorials and tried some plugins, but to no effect.
The site builder is ELEMENTOR (for the front page), the theme is PORTO and the rest is WP and WOO.
Cheers all and hope to hear from someone soon.
]]>Hi,
It seems that new devs have taken over some time ago. There has also been some updates. Thank you.
Therefore, it would be nice if they would look at the error that has prevailed for some time:
PHP Warning: count (): Parameter must be an array or an object that implements Countable in / home / abc / abc / abc / wp-content / plugins / equal-height-columns / admin / class-equal-height-columns- admin.php on line 248
Thanks
/Michael
]]>Hi,
I’m using your plugin on a couple of websites, and today I noticed it doesn’t work anymore on any of them. I think it might be the new WP 5.6 update that caused it.
Best regards.
]]>I’ve used this awesome plugin a lot. I think it does the trick but I’m running into a problem. When you go to the blog, it does work. But when you click “older entries” it doesn’t.
Now when I refresh the browser, it goes back to main blog section. I think it may have to refresh to put that previous section to equal heights. Any thoughts on this?
]]>Usually because the title goes to two lines instead of one.
]]>This is my site:
We want to make the 2 columns for events and recent blogs with same column height. Can someone help us to find the right selectors?
Thank you so much!
Jing
]]>If you replace line 248 by this one, it works fine:
$field_count = is_array($this->options[$this->options_group_slug]) ? count($this->options[$this->options_group_slug]) : 1;
This plugin is one of a kind – so it would be nice to hear from the developer about continued maintenance.
]]>Dear pluginbuilders, I get a security warning that your plugin is not tested with the actual version of WordPress. Will you do that soon?
]]>On line 248 of /admin/class-equal-height-columns-admin.php the code below will break under PHP 7.2 if the value passed to count isn’t countable.
$field_count = count( $this->options[ $this->options_group_slug ] ) ? count( $this->options[ $this->options_group_slug ] ) : 1;
It should instead also include a call to is_countable()
$field_count = is_countable( $this->options[ $this->options_group_slug ] ) && count( $this->options[ $this->options_group_slug ] ) ? count( $this->options[ $this->options_group_slug ] ) : 1;
Unfortunately is_countable() won’t be added until PHP 7.3 but there’s a really simple polyfill available:
https://github.com/Ayesh/is_countable-polyfill/blob/master/src/is_countable.php
I am trying to make equal height columns, i have followed this tutorial here https://wpbakery.com/video-academy/how-to-create-layout-with-equal-height-columns/, but not working at all. I dont know why, the plugin version is 5.4, Is there any bug or Do I want to do some other config that not mentioned in that video.
]]>I tried both .one-half and .gca-column as selectors, but nothing seems to be happening. Maybe I’m using the wrong kind of columns? I’m using the Genesis theme with the Genesis Columns Advanced plugin.
Please let me know if you have any suggestions.
Thanks
]]>Hi,
I am a bit struggling in finding the right css selector in order to equalize the height of my columns in the website. I have used the css inspector of Google Chrome to look for the right selector and I have tried severals, but somehow I couldn’t manage to have this working properly.
I need infact to equalize the column height sizes in the lower part of my homepage: https://www.interarts.net/dev
For now I have tried the three followings:
.himmelen-popular-post-list
.himmelen-popular-post himmelen-popular-post-large
.himmelen-popular-post himmelen-popular-post-small
Do you think you could help me with this? I would be very grateful.
Thank yuo very much
Leonardo
Hello, I cannot get this plugin to work on my site. I’ve used this plugin before on other sites and it worked perfectly — can anyone help me?
Thanks
]]>Your plugin works great, I would just like to request that you minify your scripts before uploading. I manually minified the equal-height-columns-public.js script but it would be nice if it came that way. Thanks!
]]>Hello, first thanks for the plugin!
Secondly the breakpoint does not seem to work. On mobile the equal height is still active when breakpoint is set to 800px.
Is this a mistake in the plugin or do i have a conflict?
]]>Is it possible to exclude certain pages, where CSS elements are set globally?
For example, I have .content and .sidebar set to equal height site-wide, but on pages where there are lazy-loading elements (or elements that load AFTER the script has run) content ends up cut off.
Rather than trying to get my head around the javascript required to sort the loading order, I’m using an alternative solution (Beaver Builder Equal Height Columns) and would like to disable Equal Height Columns on those specific pages.
Is this possible, and would it be possible to add this functionality to a future version of the plugin? Even a simple text box, where users could enter a comma separated list of posts they want excluded, would be invaluable.
Thanks!
Jon
Hi there,
first of all: Great plugin and a very clean code. I don’t see that very often in the WP repository.
I have a minor suggestion to make. In my use case, I have HTML markup that contains rows (div elements with class “row”) which themself contain columns (div elements with class “col”).
Lets assume I want to set an equal height for columns in rows that have the class “eq-height”. Because I want to have the equal height of the columns on a per-row basis, I have to use a custom call on your plugin.
From a usability perspective, I would like to write a code similar to this:
$(“.row.eq-height”).each(function(i, e) {
$(e).find(“.col”).initEqualHeights();
});
I.e. for each row I find the columns and initialize the equal heights. However, I cannot do so because you use “this.selector” in the function call. “this” contains the correct elements, but “this.selector” is just “.col” in each call, which leads to faulty behavior.
I know how to get around this behavior – this is just a small suggestion to make this great plugin even better!
Best
M
I am wondering if this is a known issue? Whenever I activate this plugin, I can’t access my dashboard anymore.
]]>Hi, thank you for this plugin. It works well once the page initially loads and also on window resize but when I use it with the Yith infinite scroll plugin subsequent columns that are displayed once the infinite scroll kicks in are not equal in height. How do i fix this as i’m sure it must be a fairrly simple solution? Thanks.
]]>Hello,
I would like to ask whether someone could help me with applying this tool. I found separators, I tried to implement them but without success. According to my knowledge (after getting familiar with CSS separator issue) I identified these separators:
pg-435-0
pg-435-1
pgc-435-1-0
pg-435-1-1
https://duska.portoogal.eu/?page_id=435
I want image of the phone and text field “VSETKO CO POTREBUJETE VEDIET” to have the same height for bigger devices – what this tool is supposed to do ??
What do I do wrong, please?
Thank you,
Joeds
Your plugin is great and it works fine.
However, to be optimal, it should enqueue javascript at the bottom of the page.
I did it with this simple update in function enqueue_scripts() public/class-equal-height-columns-public.php (line 85)
wp_enqueue_script( $this->plugin_name, plugin_dir_url( __FILE__ ) . 'js/equal-height-columns-public.js', array( 'jquery' ), $this->version, true );
Just changed the last parameter.
It cold be great if you implement this change in next version.
Thank you
Can’t seem to figure out why your plugin just stopped working for me. Can you please take a look for me? https://www.sunfest.com/vip-packages
]]>Hello!
I’m having a bit of an issue where EHC seems to be firing after a few page widgets, causing content to fall out of their container DIVs.
This is a live example. Some bits are still not functional:
It appears to be entirely due to the Facebook comments and Twitter feed plugins loading after Equal Height Columns has run its own JavaScript to equalize each page.
Depending on which blog post you’re on, sometimes it’ll equalize for the Twitter feed, sometimes not, and it almost never equalizes for the slow-as-molasses Facebook comments unless the post and comments section are of less height than the sidebar.
I’m suspecting my problem may be related – code-wise – to the recent “Form goes under footer when expanded” post above, and the EHC JavaScript is firing before the Facebook or Twitter widgets take hold and expand the DIV. Is this the case? If so, would it be the right thing to try to re-fire EHC as described in that thread? I’ve already tried overflow:hidden;, and though it does work at times, it’ll also sometimes chop off the content on the main/left content container.
Thank you for the assist!
-Kurt
]]>Hi,
If you go to this page you will see a donation form https://lwmclient1.com/donate/
If you click on the radio button “Monthly”, an additional dialogue will appear and when you go down to the bottom of the page, you will see the name fields fall hidden behind the footer as in this image. https://www.dropbox.com/s/y5bl5f96zejajop/Screenshot%202016-08-02%2012.20.05.png?dl=0
On a sidenote, the bottom border disappeared on several pages as you can see here. https://www.dropbox.com/s/ng84908mrirueyk/Screenshot%202016-08-02%2012.33.07.png?dl=0
I fixed it with this CSS.
main#genesis-content {
overflow: hidden;}
I don’t know if that caused more issues or not.
Do you know how to fix this or to give me a direction to go.
Any help is appreciated.
Thanks
Bryan
Hi, thanks for great plugin. It’s working great.
However I’ve got problem with one page that has content divided into tabs by plugin Tabby Responsive Tabs. The height of the page is based on the first tab which is not the highest one actually.
Is there any way to fix it?
Hello all,
i found this plugin on my search for a way to keep the sidebar always at the same vertical position as the entry content. After installing im not sure if thats possible at all.
Can you use Equal height colums on a responsive site to do that?
thank you
Zetona