Code Snippets
Make the Entire Elementor Icon Box Widget Clickable
By default, only the icon and title portion of the widget are clickable.
April 22, 2025
Category: CSS
Code Snippets
Style the Single Listing Files Block to Look Like a Button
By default, this block doesn’t look the best. The good news is we can easily apply custom styling, and in this case, we’re making the
April 2, 2025
Code Snippets
Force Custom Elementor Footer to Bottom of Page
Let’s say you have a page where there is not enough content on the page to push the footer to the bottom, and the footer
February 3, 2025
Code Snippets
Add Listing Type Name to Listing Preview Cards
The Hide Cart When Empty code snippet helps create a cleaner navigation area with fewer distractions for MyListing websites.
September 23, 2024
Code Snippets
Hide Cart When Empty
The Hide Cart When Empty code snippet helps create a cleaner navigation area with fewer distractions for MyListing websites.
September 23, 2024
Code Snippets
Disable the Parallax Effect for the Default MyListing Footer
If you use the default MyListing footer, you’ll have a visual effect where background elements move slower than foreground elements during scroll, creating an illusion
August 3, 2024
Hide Sign in and/or Register from the MyListing Navigation Menu
Hide Both Sign In and Register Hide Login Hide Register
August 3, 2024
Single Listing Gallery Navigation Arrows
The Gallery Cover Navigation Arrows code snippet allows for more design capabilities within a MyListing website by applying navigation arrows to Single Listing cover areas.
August 3, 2024
Code Snippets
Hide Hours and Minutes From Single Listings Countdown Block
This code snippet is useful for those who just want to show the days remaining before an event starts.
August 3, 2024
Remove Promoted and Featured Listing Badges
The Remove Promoted and Featured Listing Badges code snippet is useful when you want to hide both or just one of the badge types. While
August 3, 2024
August 3, 2024
Single Line Elementor Forms
This overall snippet also includes a bonus snippet for fixing field border-radius issues that come with Elementor Pro forms. Here are some examples.
August 3, 2024
Disable the Flipping Boxes Animation Within the Add Listing Flow
Those who use the default MyListing Add Listing flow will notice the Listing Type boxes flip on hover. This code snippet is for those who
August 3, 2024
Code Snippets
Hide Content For Logged In/Logged Out Status Using CSS
Add one or both CSS snippets to your website and the relevant CSS class (‘hide-from-logged-out’ or ‘hide-from-logged-in’) to any elements you wish to hide. For
August 3, 2024
August 3, 2024
Append Icon to All Links That Open in New Tabs for Better Accessibility
To change the icon, edit Line 2 and replace ‘\2197’ with the desired Unicode symbol.
August 2, 2024
Code Snippets
WooCommerce Checkout Page Adjustments
Remove Recurring Totals Remove Subtotal
August 2, 2024
Code Snippets
Display MyListing Advanced Search Form Checkboxes in Two Columns
By default, checkbox fields within the Advanced Search Form are displayed as a single column, which takes up a lot of space, pushing other fields
August 2, 2024
How to Color the MyListing User Dashboard Menu Icons on Item Hover
Main Navigation Menu The menu that’s targeted with this snippet is the default MyListing user menu that’s displayed in the navigation area, as you typically
August 2, 2024
August 2, 2024
How to Turn Elementor Read More Links Into Buttons
‘Read More’ links appear within Elementor Pro’s Posts Widget, and Elementor doesn’t provide many styling options for them. In my quest to convert these links
August 2, 2024
How to Make Entire Elementor Icon Box Widgets Clickable Links
This snippet makes an entire Elementor Icon Box widget a clickable link. By default, only the Icon Box title and icon are clickable.
August 2, 2024
How To Easily Add Custom Icons to MyListing Websites for Free With Bootstrap
Bootstrap Icon Library A free, high-quality, open-source icon library with over 2,000 icons. Add Icon Before Element In this example, we add a ‘Calendar’ icon before an
August 2, 2024
How to Add Missing Drop-down Arrows to MyListing Multi-Select Fields
By default, Single-Select drop-down fields have an arrow showing that there are values to select, but Multi-Select drop-down fields do not have the arrow. This code
August 2, 2024