Hide Subscription Details for Free MyListing Packages

Don't want to mess with code snippets? Request for this to be a feature of MyListing Pro.

Instructions

Create a new JS code snippet.
Copy the contents of code snippet below.
Paste the contents into your code snippet.
Review any notes that I’ve provided.
Save and enable the code snippet.
Test.

Snippet

If you use WooCommerce Subscriptions, it may append /day, /month, etc., to the price. This snippet uses the opacity setting to make that text transparent.

Best Option (CSS)

The snippets below assume that your FREE listing package is listed first when viewing your pricing tables from left to right.

Add Listing Pricing Tables (e.g., /add-listing/)

This snippet assumes you have 3 packages shown within your pricing tables. If you have, say, 4 packages, then adjust the ‘col-md-3’ portion of the snippet.

.job_listing_packages>.row>div.col-md-3:nth-child(1) .pricing-item span.subscription-details {
    display: none;
}

.job_listing_packages>.row>div.col-md-3:nth-child(1) .pricing-item span.subscription-details {
    display: none;
}

Front-Facing Pricing Tables (e.g., /pricing/)

.col-md-3:nth-child(1) .pricing-item span.subscription-details {
    display: none;
}

.col-md-3:nth-child(1) .pricing-item span.subscription-details {
    display: none;
}

Last Resort (jQuery)

Use the snippet below as a last resort, as jQuery is less desirable than CSS.

jQuery(document).ready(function($) {
    $('span:contains("FREE")').siblings('.subscription-details').css('opacity', '0');
});

jQuery(document).ready(function($) {
    $('span:contains("FREE")').siblings('.subscription-details').css('opacity', '0');
});

Video Tutorial

MyListing Pro

One plugin. Endless possibilities.

Pro Community

Join for free today.

My Tech Stack

Trusted tools and resources.

Software Deals

Save on Premium Solutions.