Resolved - Review Stars issue

[Dirty Butter]

I am using the Bsmither code tweaks that take into account old reviews that did not have any stars and does not count them in creating a Rating. V6.0.6 no longer allows customers to skip the rating stars, so that's no longer an issue for new ratings.

But for some reason, when the customer writes a Review, the stars to be chosen are not next to each other as they were, but are aligned vertically and look very odd. I think it was working before 6.0.6.

I've tried temporarily replacing my content.product.php and element.product_reviews.php with the 6.0.6 originals, but the odd vertical looking star list still is there. I replaced my copy of jquery.rating.min.js, as well as the star.gif and star.png files, in case anything was corrupted. And I've checked my css files to see if I had any code that could explain it, with nothing is obvious to me.

The stars line up horizontally as they should in the CC 6.0.6 Demo store, so it has to be something I've messed up somewhere. Any suggestions about where to look will be most appreciated!

[bsmither]

Please remind us of a product where we can see review stars.

[Dirty Butter]

It's not the ones that HAVE stars, but the star choices when a customer wants to leave a new review. Sorry I didn't make that clear.

[bsmither]

Ah! I see this now.

[bsmither]

You seem to be missing this CSS rule from cubecart.css (after the .tabs rule), about line 25:

.tabs {
    border-bottom: 1px solid #efefef;
}
div.rating-cancel, div.star-rating {
    background: transparent none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    overflow: hidden;
    text-indent: -999em;
    width: 17px;
}

 

[bsmither]

Sorry, no. Your cubecart.css file is different than what Firebug showed.

Here is what I see in your file:

.tabs {
    border-bottom: 1px #EFEFEF solid;
}

/*  TESTIMONIAL PANEL 
.testimonial-panel {
  border-style: solid;
  border-width: 1px;   /* BORDER WIDTH MAKES BORDER SHOW, REGARDLESS OF COLOR CHOSEN */
  border-color: #d8d8d8;  /* LIGHT GRAY */
  margin-bottom: 1.25rem;
  top padding: 1.25rem;
bottom padding: .5re,;
}

 END TESTIMONIAL PANEL */
/* Start Star Rating */
div.rating-cancel,div.star-rating {
    float: left;
    width: 17px;
    height: 15px;
    text-indent: -999em;
    cursor: pointer;
    display: block;
    background: transparent;
    overflow: hidden;
}

The added CSS code for the testimonial panel has syntax errors.

Was
/*  TESTIMONIAL PANEL
Now
/*  TESTIMONIAL PANEL */

Was
 END TESTIMONIAL PANEL */
Now
 /* END TESTIMONIAL PANEL */

Was
bottom padding: .5re,;
Now
bottom padding: .5rem;

[Dirty Butter]

Thank you as always!! I have managed to fix a few things for myself of late, but messes such as this still stump me no matter how hard I try. I would be lost without your help. I'll play around with the styling of the testimonial again now that the typo has been spotted.