Prince

If you don’t know coding or want to hide any unnecessary element on your site then this plugin is for you. 
You can hide any element on any page by visually selection with a simple click without any coding.
The user won’t see the hidden elements when they will browse the site until you make it visible again.
<h3>VIDEO OVERVIEW</h3>
<iframe loading="lazy" title="Hide Anything - Hide Any Elements, Selections, Texts, or Images from WordPress Website" width="750" height="422" src="https://www.youtube.com/embed/0REiylGmWGA?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
<h3>🔥 FEATURES</h3>
Frontend Hiding – Hide any element on the website frontend.
Admin Dashboard Hiding – Hide any element on the admin dashboard.
Visual Element Selection – You can select any element visually by clicking on it to hide.
No Coding – You don’t need to know any coding to hide any element.
Restore the Hidden Element – You can restore the hidden element by clicking on it.
Multiple Display (Desktop, Tablet, Mobile) Options – You can choose the display options (Desktop, Tablet, Mobile) where the element will be hidden.
<h3>HOW TO USE?</h3>
<ol>
<li>
Install and activate the plugin.
</li>
<li>
To hide any element in any page on your site frontend, Go to the page where you want to hide any element as a logged-in user with admin privileges.
</li>
<li>
You will see a “Hide Anything” button in the top admin bar. Click the button to activate the element selection.
</li>
<li>
You can see a blue overlay area of the element while the mouse moving on any element, you have to click the element.
</li>
<li>
Now you can see that a display choose option appeared under the “Hide Anything” button.
</li>
<li>
Then click the save button.
</li>
<li>
To restore the element, you have to click the “Hide Anything” button to activate the element selection.
</li>
<li>
You can see that the hidden element is overlayed with a red color. You have to click the element.
</li>
<li>
Now, you will get an option (Make Visible) under the “Hide Anything” button, you have to check the Make Visible option and save the settings.
</li>
</ol>
<h3>🔥 WHAT’S NEXT 🔥</h3>
Consider checking out our other plugins:
📁<a href="https://wordpress.org/plugins/integrate-google-drive/" rel="ugc">Integrate Google Drive</a> – Browse, Upload, Download, Embed, Play, and Share Your Google Drive Files Into Your WordPress Site.
🌙<a href="https://wordpress.org/plugins/dracula-dark-mode/" rel="ugc">Dracula Dark Mode</a> – The Revolutionary Dark Mode Plugin For WordPress
📖<a href="https://wordpress.org/plugins/reader-mode/" rel="ugc">Reader Mode</a> – Distraction-Free Content Reader for WordPress.
📻<a href="https://wordpress.org/plugins/radio-player/" rel="ugc">Radio Player</a> – Live Shoutcast, Icecast and Audio Stream Player for WordPress.
📻<a href="https://wordpress.org/plugins/wp-radio/" rel="ugc">WP Radio</a> – Worldwide Online Radio Stations Directory for WordPress.
🎙<a href="https://wordpress.org/plugins/podcast-box/" rel="ugc">Podcast Box</a> – Best Podcasting Plugin for WordPress.
📤<a href="https://wordpress.org/plugins/upload-fields-for-wpforms/" rel="ugc">Upload Fields for WPForms</a> – Drag and Drop Multiple File Upload, Image Upload, and Google Drive Upload for WPForms.

Hide Anything – Hide Any Element on Any Page Visually

If you don't know coding or want to hide any unnecessary element on your site then this plugin is for you. You can hide any element on any page b …

Mickey Kay

MIGHTYminnow

Braad

Compatible with PHP 8.2
Like this plugin? Please consider <a href="https://wordpress.org/support/view/plugin-reviews/equal-height-columns" rel="ugc">leaving a 5-star review</a>.
Equal Height Columns lets you easily equalize the height of various columns and elements.
<h4>Features</h4>
<ul>
<li>Target unlimited elements and element groups</li>
<li>Specify simple CSS/jQuery selectors to target elements</li>
<li>Specify breakpoint to kick in only at certain screen sizes</li>
<li>Easy to use admin interface</li>
<li>Heights are equalized immediately after the page has loaded</li>
<li>Fully responsive (automatically updates on resize and orientationchange events)</li>
<li>Works on mobile devices</li>
<li>Works across all modern browsers (including IE8)</li>
<li>Comes with custom event listener to manually trigger</li>
<li>Super small – 8kB jQuery file size</li>
<li>Trigger custom ‘equalheight’ event to force resize</li>
</ul>
<h4>Instructions</h4>
<ol>
<li>Navigate to Settings > Equal Height Columns in the WordPress admin.</li>
<li>Enter a selector and breakpoint for the first column group.</li>
<li>Add/remove column groups by clicking the “+ Add More” and “Remove” buttons.</li>
</ol>
<h4>Advanced</h4>
Want to trigger the equalizing of the heights manually? No problem. You can skip entering a selector on the settings page and call the jQuery script yourself using one of two functions:
<pre><code>jQuery( '.selector' ).initEqualHeights();

// Or

jQuery( '.selector' ).equalizeTheHeights();
</code></pre>
The difference between these two functions is simply that <code>initEqualHeights()</code> will set up all the events for recalculating the heights when the window is resized or the global <code>equalheights</code> event is triggered, but <code>equalizeTheHeights()</code> will simply equalize the heights without involving any events.
Both functions take three optional arguments, the minimum height (number of pixels), maximum height, and the breakpoint (below which the heights will revert to their original size):
<pre><code>jQuery( '.selector' ).initEqualHeights( minHeight, maxHeight, breakPoint );
</code></pre>
So an example might look like this:
<pre><code>jQuery( '.selector' ).initEqualHeights( 200, 500, 768 );
</code></pre>
When entering a selector on the settings page or using the <code>initEqualHeights()</code> method this plugin also adds an event ‘equalheights’ to the window, allowing you to easily trigger the equalizing manually. This is useful if you have added new items to the page after it loads via AJAX. You can trigger the event like this:
<pre><code>jQuery( window ).trigger( 'equalheights' );
</code></pre>
Another option for controlling which elements get equalized is the <code>equal_height_columns_elements</code> filter. This filter operates on the array of data that gets passed to the JS right before it is passed. This allows for developers to specify selectors that can’t be deleted from the settings page, and for programmaticly building selectors based on dynamic data. Here’s an example of how the filter can be used:
<pre><code>add_filter( 'equal_height_columns_elements', 'custom_ehc_elements' );
function custom_ehc_elements( $elements ) {

 $elements['element-groups']['custom'] = array(
 'selector' => '.ehc-target', // Selector goes here.
 'breakpoint' => '768',
 );

 return $elements;
}
</code></pre>
The keys on the <code>element-groups</code> array used by selectors entered on the settings page will come in as numbered indexes, so to avoid collision it’s best to use named keys for any custom selectors (we’re using ‘custom’ in the example above, but any unique string will work).
This plugin is <a href="https://github.com/MIGHTYminnow/equal-height-columns" rel="nofollow ugc">on Github</a> and pull requests are always welcome.
<h4>NEW: Multi rows</h4>
On version 1.2.0 we are introducing a new feature (for now, only available via JavaScript) that resolves a common issue if the row number of certain elements varies across breakpoints when the number of columns change.
For example, if we have 2 columns for tablets and 3 columns for desktops, the third element in the group would be positioned on the second row for tablets but on the first row for desktops.
Before this new feature, the equal height would be based on all the elements from the group. Now you can have “subgroups” for each row, and recalculate when the number of columns in the rows change.
To use this new feature add the function once per breakpoint:
<pre><code>jQuery( document ).equalHeight( selector, columns, minWidth, maxWidth );
</code></pre>
selector: The selector of the group of elements that you want to apply the equal height.
columns: The number of columns per row on the breakpoint.
minWidth: The minimum width of the breakpoint. Use 1 for mobile.
maxWidth: The maximum width of the breakpoint. You can leave empty for the biggest breakpoint.
The following example would apply equal height for headings with the class .demo-heading in a grid that has 1 column per row on mobile, 2 columns on tablet and 3 columns on desktop:
<pre><code>$( document ).equalHeight( '.demo-heading', 1, 1, 767 ); // 1 columns for 1px - 767px
$( document ).equalHeight( '.demo-heading', 2, 768, 1024 ); // 2 columns for 768px - 1024px
$( document ).equalHeight( '.demo-heading', 3, 1025 ); // 3 columns for 1025px (and above)
</code></pre>

Equal Height Columns

Easily equalize the height of columns or any collection of elements.

Hide Anything – Hide Any Element on Any Page Visually vs Equal Height Columns