Ranks Not Displaying In Backend & Weird Front End Styling Of Badges

Hey there...I have a site in development which you can see here:

http://dev.seconddaily.com/product/1968-ford-thunderbird/

http://dev.seconddaily.com/sample-post-3/

You can see that I've customized it to display comments on both WooCommerce products and blog posts.  The issue is that on the backend I created 5 different ranks but they have disappeared.  It shows that I have 5 published but they are not there:

https://www.screencast.com/t/sTm4vbBq

The second issue is for badges I have this strange markup occurring next to the first badge:

https://www.screencast.com/t/5SthBPaaHd

https://www.screencast.com/t/Qs2wfyCz

Any thoughts on this?

Finally, is there a tutorial on how to setup ranks similar to your screenshots using stars?

Cheers,

JC