Hide Subscription Details for Free MyListing Packages

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 displayed in 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 only if necessary, 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