While developing the new version of the Muffin theme I made some major style changes to the Badges plugin which were directly implemented on the theme.
But after Gurjyot's idea, (shout-out to @Gurjyot Singh) I decided, why not implement these changes directly to the plugin instead and make it available for everybody.
So that's what I did. I grabbed all the styles I was designing, implemented some fixes to the plugin and created "my version" of the plugin or "Unofficial Update" if you will, so you can use it too.
What did I change?
- Default badges styles are now implemented in a separate .css file instead.
- Badges styles are fully redesigned.
- Mobile ready styles.
- Added Javascript algorithm to group Badges by "topics" on Badges page.
- Added supported styles for Right-To-Left Themes.
- Fixed badges not appearing next to the User on question lists and next to the Loggedin text on the navigation bar.
Want a light color scheme for the badges? No worries, just add the following code to the usual Badge css stylesheet by navigating to Admin -> Plugins -> Badges -> Badge css stylesheet, and you'll be allright:
.badge-bronze, .badge-silver, .badge-gold {
background-color: #eee;
color: #000;
}
Get the Plugin here GitHub Q2A Badges
Here's a live preview and also some Screenshots down below.
Buy me a beer
Screenshots:
Badges on profile page:
Badges on profile page (Right-To-Left):
Badges on profile page (Mobile):
I didn't know if I should call it version 4.9 or 4.9.1 @Gurjyot, so I went with 4.9 . Hope that's fine buddy.
Hit me up @NoahY so we can make it official on your repository ;)
