devnex

“Devnex Addons For Elementor” is described as one of the best Elementor addons with over 50+ easy-to-use custom widgets
<h3>50+ FREE WIDGETS AND COUNTING</h3>
We have designed 50+ of the most useful widgets to enhance your Elementor Page Building experience and allow you to climb the top of your design capabilities.
<h3>Fully Customizable</h3>
Each element offers a plethora of options to tailor your website exactly to your liking. With your creativity, you can achieve virtually any design.
<h3>Lightweight & Instant Loading</h3>
No extra resources or messy code to bog down your website. Optimized for super-fast loading and instant live editing.
<h3>Expert Support</h3>
Our exceptional support team is always on standby to assist you. Whether you have questions, need guidance, or encounter any issues, you can reach out through our support forum, live chat, or contact form for direct assistance.
<h4>Basic Widgets</h4>
1.Accordion: Organize content efficiently with foldable sections using customizable options. 
2.Animated Headline: Add dynamic and eye-catching headlines to your website. 
3.Advanced Infinite Text: Display text content in an infinite loop for continuous engagement. 
5.Advanced Testimonial: Showcase user reviews and testimonials with advanced features. 
5.Button: Enhance user experience with Bootstrap’s custom button styles for various actions. 
6.Breadcrumbs: Improve website navigation with hierarchical path display. 
7.Client Logo: Showcase clients or products stylishly on your website. 
8.Contact Form: Easily create user-friendly contact forms without coding. 
9.Countdown: Create urgency and engagement with countdown timer features. 
10.Counter: Showcase facts and figures in a visually appealing way. 
11.Chart: Visualize data effectively with customizable chart widgets. 
12.Elastic Stack: Utilize Elastic Stack for advanced data analysis and visualization. 
13.Fancy Text: Grab attention with eye-catching animated text. 
14.Flip Box: Add interactive 3D effects to your website. 
15.Gallery Grid: Present images in a visually appealing grid layout. 
16.Gallery Justified: Create beautiful justified galleries with customizable options. 
17.Gallery Masonry: Implement stylish galleries with masonry layout and hover effects. 
18.Gallery Metro: Enhance galleries with metro-style layout and dynamic designs. 
19.Heading: Adorn headlines with multiple fancy styles. 
20.Horizontal Accordion: Organize content horizontally with foldable sections. 
21.Icon Box: Display services or products with customizable icon boxes. 
22.Icon List: Present information in a list format using customizable icons. 
23.Image: Create engaging image boxes integrating visuals with textual elements. 
24.Image Comparison: Showcase before-and-after images with customization options. 
25.Image Marker: Display image pins with product details or prices. 
26.Image Slider: Present images dynamically in slider format. 
27.Infinite Image Box: Continuously display images in an engaging loop. 
28.Instagram: Integrate Instagram feeds into your website. 
29.Mailchimp: Seamlessly integrate Mailchimp into your Elementor pages. 
30.Map Box: Provide location-based information with interactive maps. 
31.Post Grid: Display posts in a visually appealing grid layout on your website. 
32.Post Zoom: Enhance user engagement by allowing visitors to zoom in on individual posts for a detailed view. 
33.Pricing Table: Clearly describe product value with customizable pricing tables. 
34.Progress Bar: Keep audience informed about task or project progress. 
35.Site Logo: Display your website’s logo in various styles. 
36.Slider: Create dynamic content showcases with versatile slider widgets. 
37.Social Icons: Enhance website connectivity with easy social media integration. 
38.Social Share: Amplify content reach with social sharing widgets. 
39.Tab Horizontal: Organize content with horizontal tabs. 
40.Tabs Vertical: Organize content with vertical tabs. 
41.Team Member: Showcase team members with bios and social media links. 
42.Testimonial: Build credibility with positive feedback and reviews. 
43.Testimonial Infinite: Display testimonials in an infinite loop. 
44.Text Infinite: Display text content in an infinite loop. 
45.Timeline: Tell stories chronologically with interactive timeline widgets. 
46.Toggle Switch: Add interactivity to website with intuitive toggle widgets. 
47.Video Popup: Engage audience with interactive video popups. 
48.Canvas Menu: Enhance Navigation with a Modern Touch 
49.Radial Progress: Visualize Progress with Style 
50.Infinite Testimonial: Showcase Continuous Praise Seamlessly

Devnex Addons For Elementor

Completely plugins Devnex Addons For Elementor. Enhance your experience and customize easily with Elementor.

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.

Devnex Addons For Elementor vs Equal Height Columns