Having trouble making static widget stars display without pixelation (Overlay Problem?) on non-#FFFFFF background
| Project: | Fivestar |
| Version: | 6.x-1.18 |
| Component: | Code |
| Category: | support request |
| Priority: | normal |
| Assigned: | Unassigned |
| Status: | closed |
| Issue tags: | dark themes, pixelation, Static Widget |
Jump to:
Hi everyone, first of course thank you so much for a great module, this is one of my favs!
I have been using Fivestar on many sites, and it had just occurred to me that I have been using it on white backgrounds all the time! Isn't that odd, anyways...
I just updated the theme to my site, and I am using a repeating background of a 3px item on a container div, so it makes a grid. I had this working on another theme (white background) and all looked fine, however with this background the all the images ie: stars, flames, hearts, oxygen, default etc - everything but "minimal" - looks just terrible on this background. (Please see the attached shot)
I was looking around the issue queue for something similar, but I could not find a thread that adequately identified my particular problem. Also, I messed around with the CSS and have gained some positive results, but I just wanted to get a clearer answer about what is going on, so I can make sure I don't run into this problem in the future.
I'm not quite sure if I should create my own image set, just stick with minimal turned on (no prob, I like that one) or what strategies I need to be aware of when implementing Fivestar images on complex backgrounds.
Any guidance would be great, the documentation will get me where I need to go, but I would like to know where I should go first, lol.
Thanks again, and thank you for your help!
-paul
| Attachment | Size |
|---|---|
| Fivestar Images Problem.jpg | 4.77 KB |
#1
I'm having the same issue as well.
None of the star choices work with dark themes. Outline and oxygen looked good in the settings area, but pixelate once you use it.
The only one that doesn't do that, it seems, is the miminal set, but that is SO tiny, it's not going to work with what we're trying to do.
Paul,
what did you do in the css file? Did you try to change the outline to the background color or something? If I could just tweak outline just a LITTLE, it could be tolerable until dark theme stars are available.
#2
I've tried defringing using photoshop. I have no idea what I'm supposed to do with the css... it is positioning?
Mine is doing it whether it's static or not. I guess I'll keep trying to tweak the png file or something
#3
If you want to make the stars look good on non-white background (or any color backgrounds) then use a color-customizable set like Oxygen or Outline, then for the "Matte color", leave the field entirely blank. This will make Fivestar output 24-bit PNG files instead of 8-bit, with full alpha transparency.
#4
You are FANTASTIC! Thank you, quicksketch, that's EXACTLY what I wanted it to look like!!
#5
#6
Automatically closed -- issue fixed for 2 weeks with no activity.