I wonder is it currently possible to have a different set of stars in the teaser and in the full node view? I would like to have bigger stars in full node and smaller stars in teaser view. It seems that it would be possible to do this with a bit of CSS-wizardy, but is there a better way to do it? Perhaps in future versions Fivestar could have a setting for this?

Comments

quicksketch’s picture

quicksketch
he/him
commented
Category: feature » support
Status: Active » Closed (fixed)

This is certainly just a matter of CSS. Because adding additional options to the already extensive admin would probably cause more headache than good, I'd definitely suggest taking the CSS. Because this request is theme-specific however, it makes it hard to suggest the right code. I'd probably start with a simple CSS file from an existing widget (such as hearts.css) and paste that into your style.css. Then change the widths/heights/background-images to your larger set of stars.

For example starting with:

div.fivestar-widget-static .star {
  width: 17px;
  height: 15px;
  background: url(heart.gif) no-repeat 0 0px;
}

Might be changed to:

div.full-node div.fivestar-widget-static .star {
  width: 37px;
  height: 35px;
  background: url(images/large-heart.gif) no-repeat 0 0px;
}

Note that div.full-node is just an example DIV that probably doesn't exist in your theme. You'll need to make a special class on node divs when being displayed in the full node version.

I'm going to go ahead and close this request as it's over two months old. I'm sorry you didn't receive a response earlier.

mr.j’s picture

mr.j commented

I submitted a patch of sorts for this a long time ago but it has been ignored, so I figured no-one else found it useful.

#193730: Allow different widget styles to be rendered