Using buy_credits Shortcode

If you want to show the Credit Packages that are for sale on your site prior to users logging into your site, you can do so by placing the shortcode [buy_credits] on any page or post and it will show similar to below screenshot:

The following styling was applied, which you can use as a guide to customize on your site as well:


table.table-caption-narrow {font-size: 20px !important; padding: 5px !important; width: 100%;}
table.table-caption-narrow td {padding:5px;}
table.table-caption-narrow tr:nth-child(2) {background: #efefef; }
table.table-caption-narrow tr:nth-child(2) td:nth-child(4) {background: url(http://www.yourdomain.com/wp-content/uploads/2016/most-popular.png) right no-repeat;}
span.imp-msg {font-size: 11px;}