GD Star Rating - Thumbs Up/Down Size

1.3k views Asked by At

Using GD Star Rating Wordpress Plugin.


I'm having an extremely tough time trying to figure out how to do something as simple as resizing the rating button.

I have an image that I want to use as thumbs up/down, but it's width is 232px instead of the default max 40px.

Has anyone accomplished resizing the stars/thumbs past 40px or am I the only one in the world with this problem?


To put it simply:

BEFORE

enter image description here

AFTER

enter image description here

3

There are 3 answers

0
Shadow_boi On BEST ANSWER

The new image width is 232px, so the code should be:

width:232px !important;height:232px !important;

But can you be more specific about what issue you are having? new image being cut off? or is it not resized at all when you view it on browser?

0
andrewk On

If you can do it via css use width:40px !important;height:40px !important;

comment-> It would help if you paste a link to your site.

0
AboSami On

I know how can you change the size of thumb.

Go to : plugins/gd-star-rating/css/gdsr.css.php line:183

you found this:

echo sprintf(".gdt-size-%s.gdthumb, .gdt-size-%s.gdthumb a, .gdt-size-%s.gdthumb div { width: %spx; height: %spx; }\r\n", $size, $size, $size, $size, $size);

change it:

echo sprintf(".gdt-size-%s.gdthumb, .gdt-size-%s.gdthumb a, .gdt-size-%s.gdthumb div { width: 232px; height: 232px ; }\r\n", $size, $size, $size, $size, $size);

change: width and height , after that change the image size.