How to add custom stars with Yasr Stylish

With Yasr Stylish you can upload your own image to use a stars set. Yasr supports 3 different size: “Small”, “Medium” and “Large”.

stars_16
For the small size, the single icon must be 16×16 and offset between images is 5: the finished image must be 16 width and 58 in height. File name must be stars_16.png

stars_24
For the medium size, the single icon must be 24×24 and offset between images is 5: the finished image must be 24 width and 82 in height. File name must be stars_24.png

 

stars_32For the large size, the single icon must be 32×32 and offset between images is 5: the finished image must be 32 width and 106 in height. File name must be stars_32.png

 

 

Remember: First star is the empty one, second appears when mouse is hover and last is the one showing rating. Images MUST be .png

When your images are ready upload stars_32.png inside the directory wp-content/uploads/yasr/thumb of your website. Rename the uploaded image in the set name, for example my_custom_set.png. Now go up one dir ( wp-content/uploads/yasr/ ) create a new folder, and it’s name MUST be the image set name: in our example we’re gonna call it my_custom_set (without extension). Now upload your 3 custom images (stars_16.png, stars_24.png, stars_32.png) in the new directory.

You’re done now, you just need to select the new set in the yasr settings.

What do you think about this?
[Total: 51 Average: 3.8]

3 thoughts on “How to add custom stars with Yasr Stylish

Leave a Reply

Your email address will not be published. Required fields are marked *