Star Image/Color and Votes Per User

Hi,

– yes, thats thats the best way to change the icons just only by CSS and you still will see the new icons even after updating.
Explore an element with chrome developer tools and you will see the css.
https://www.screencast.com/t/t50a52pCZ
Copy the css to your custom css file and add an !important to it:

.cg_gallery_rating_div_one_star_on {
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAACXBIW…97HlDbok04l0Aqq/GkQmQN2vsmHfxqkRWu7qbpqn9qpP8NABAtBBJ7x2AcAAAAAElFTkSuQmCC) no-repeat center !important;
}

<<< you will overwrite the current css with this way.

User a common “base64 service” when you googling to convert your css icon to base64 string. Replace the url(…) with your new base64 string in the css command. During exploring with chrome developer tools you will see the width and height in pixel of the icon. Be aware that greater icons in size also produce longer strings and longer page load.

– The are two ways of recognizing a user:
1. By IP (if allow voting only for registered users is deactivated). If user change the IP he can vote again. There is no cookie technique is used where he can reset just cookies in browser and vote again.

2. By logging session (if allow voting only for registered users is activated). User has to be registered and logged in in otherwise he cant vote.

“…allows for one vote per day?” Indeed it would be a cool feature. I will develope it. It will be released in comming two months.

Thank you so much for the detailed reply! Further proof that this plugin is not only the best option but also has the best support.

So, is base64 the only way to change the image? Can I just host the image locally and put it in the css?

Compared to similar plugins on the market, your PRO version has a lot to offer. Thank you for the information!

By the way, for anyone else checking this thread, if you use Contest-Gallery’s example code above as a template, be sure to put background: or it won’t work;

.cg_gallery_rating_div_one_star_on { background:
url(data:image/png;base64,exampleexampleexample) no-repeat center !important;
}

The code above is only for images that have a vote. For images that dont have a vote, you will also need to add this code (the only different is star on or off in the div class:

.cg_gallery_rating_div_one_star_off { background:
url(data:image/png;base64,exampleexampleexample) no-repeat center !important;
}

In Edit Options > Single Pic Options > Only gallery view

Make images unclickable:
(Images can not be clicked. Configuration of rating out of gallery is possible.)

Checking this box does not prevent the single pic popup from showing. Is this broken?

“So, is base64 the only way to change the image?”
<<< yes, it is the only way

“Checking this box does not prevent the single pic popup from showing. Is this broken?”
<<< Thank you very much for finding it out and posting it to me. Normally the image should not slide out when this option is activated. I will improve it in comming update.

Thank you for your help and ongoing improvements on the plugin.

By IP (if allow voting only for registered users is deactivated). If user change the IP he can vote again. There is no cookie technique is used where he can reset just cookies in browser and vote again.

Just found out that using IP to block multiple votes is a bad idea. Say for example a contest entry to submitted by an office worker and they ask everyone in the office to vote. Or if a university student send the link for other students to vote, now no one else can vote because they are all using the same IP address.

This really should be blocking votes by session, not IP.

Block by session is definetly an option that should be included. I will prio vote by frequency (one vote per day or hour) and after that I will target block by session.

Block by session is definetly an option that should be included. I will prio vote by frequency (one vote per day or hour) and after that I will target block by session.

That will be a great addition to this plugin. Thank you for your hard work!