- Posts: 7
COMMUNITY FORUM
Making Rating Star Bigger
- popper
-
Topic Author
- Offline
- New Member
Less
More
8 years 11 months ago #155020
by popper
Making Rating Star Bigger was created by popper
I want to make the rating star bigger. I did read the topic solved-k2-star-rating-gif but its not quite what I'm looking for I also tried topic k2-rating-10-star-hack and tried using the hack in that page to change .itemRatingList (sorry I can't include the code or links to those posts here, I keep getting a spam detected error)
I also tried removing overflow:hidden from that new code .itemRatingList but that didn't work either. Here is a screen shot
<img src="i.imgur.com/a5y8EXl.png" title="source: imgur.com" />
you can see the stars are bigger but they are cut off. JUst ignore that they grey not vote and colored star are a little off. I've already fixed that. I just can't get all 5 larger stars to show
I also tried removing overflow:hidden from that new code .itemRatingList but that didn't work either. Here is a screen shot
<img src="i.imgur.com/a5y8EXl.png" title="source: imgur.com" />
you can see the stars are bigger but they are cut off. JUst ignore that they grey not vote and colored star are a little off. I've already fixed that. I just can't get all 5 larger stars to show
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
-
- Offline
- Platinum Member
Less
More
- Posts: 15920
8 years 11 months ago #155063
by Krikor Boghossian
Replied by Krikor Boghossian on topic Making Rating Star Bigger
Hello,
Since this is a visual issue, I will need a link.
Since this is a visual issue, I will need a link.
Please Log in or Create an account to join the conversation.
- popper
-
- Offline
- New Member
Less
More
- Posts: 7
8 years 10 months ago - 8 years 10 months ago #155654
by popper
Replied by popper on topic Making Rating Star Bigger
I solved this myself through hacking. i hate to hack but i just don't know enough programming to do it properly
i added to custom cssI found a free clipart star I like and made my own 3 star vertical file with transparent back with it
I also played with the transparent_star.png file moving the stars up or down on the it, to get the right fit you can see my final file here
Not bragging just hope this is helpful for someone else
i added to custom css
/*width height change window of grey stars*/
.itemRatingList {position:relative;float:left;width:210px;height:42px;overflow:hidden;list-style:none;margin:0;padding:0;background-position:left top;}
/*height changes hover star location vertical*/
.itemRatingList a, .itemRatingList .itemCurrentRating {position:absolute;top:0;left:0;text-indent:-1000px;height:42px;outline:none;overflow:hidden;border:none;cursor:pointer;}
/*height changes where final star is*/
.itemRatingList .itemCurrentRating {z-index:1;height:42px;background-position:left center;}
span.siteRoot {display:none;}I also played with the transparent_star.png file moving the stars up or down on the it, to get the right fit you can see my final file here
Not bragging just hope this is helpful for someone else
Last edit: 8 years 10 months ago by popper. Reason: adding code
Please Log in or Create an account to join the conversation.
- Krikor Boghossian
-
- Offline
- Platinum Member
Less
More
- Posts: 15920
8 years 10 months ago #155728
by Krikor Boghossian
Replied by Krikor Boghossian on topic Making Rating Star Bigger
This is not a hack,
If you override the k2.css file (put in your template's /css folder) you will not lose your edits when you update.
If you override the k2.css file (put in your template's /css folder) you will not lose your edits when you update.
Please Log in or Create an account to join the conversation.