Hi Mark!
I’m so sorry to hear you’re unhappy with the new feed. The “Powered By Untappd” logo is unfortunately a requirement from Untappd as per their Terms of Service (as you can see in #9 here: https://untappd.com/terms/api) for accessing the data from the site. If I don’t include it, the EM Beer Manager app could be cut off from the service.
It’s hard for me as a developer to write CSS that works perfectly on every single theme on WordPress – there are so many! That being said, all of the issues you’re describing are easily fixed with some updates to your site theme’s CSS file to override the widget styles that are breaking within your theme. You can target specific elements with the following CSS classes:
ul.embm-untappd-list li.embm-untappd-list--item – will target each of the check-in entries. You could add a margin-bottom or padding-bottom to that attribute to give the check-ins more space between them
li.embm-untappd-list--item .embm-untappd-list--item-thumb – will target the check-in images. Right now they’re set to 32 px width/height. Maybe 24px would work better?
li.embm-untappd-list--item .embm-untappd-list--item-rating > svg – will target the rating stars. They’re set to be 15px width and 16px height. Maybe 10px by 12px would work better?
If you want to adjust the size of the text for the check-ins, you can target:
li.embm-untappd-list--item .embm-untappd-list--item-comment – for the check-in comments and
li.embm-untappd-list--item .embm-untappd-list--item-title – for the title (“X is drinking a Y”) line.
And lastly, you can target the “Powered by Untappd” logo with:
.embm-untappd-list .embm-untappd-list--footer .embm-untappd-list--credit
You could hide it this way or you could make it smaller as well – it’s up to you.
Hopefully this is helpful, and again I’m sorry the new widget didn’t work well for you out of the box. I’ll be continuing to make improvements to the new features to prevent situations like this in the future.
Thanks for the feedback!
/Erin
