FAQS - Ratings & Reviews

Template: CSS

CSS Page Template

<mvt:comment> #### padding and alignment classes, not critical #### </mvt:comment>
<style type="text/css">
.rv-padding-top {
padding-top: 7px;
}
.rv-padding-bottom {
padding-bottom: 7px;
}
.rv-float-left {
float: left;
}
.rv-padding-right {
padding-right: 15px;
}
.rv-font-smaller {
font-size: .8em;
}
.rv-prevnext {
text-align: center;
padding: 10px;
}
.rv-input {
font-size: 11px;
width: 400px;
height: 150px;
}
.rv-clear {
clear: both;
}
.rv-text-right {
text-align: right;
}
<mvt:comment> ####
The two entries below are used to increase the height of the stock miva merchant
product boxes on the category page so the review info fits properly.  Uncomment those
lines the stars/review info is being cut off.
.CTGY .product-details {
  height: 285px;
}
.CTGY .product-item .padding {
  height:320px;
}
##### </mvt:comment>
<mvt:comment> #### the following CSS is critical to the stars working right - make a backup #### </mvt:comment>
.smr_rating{
width:80px;
height:16px;
margin:0;
padding:0;
list-style:none;
clear:both;
position:relative;
background: url(&mvt:global:stars_image_path;) no-repeat 0 0;
}
/* add these classes to the ul to effect the change to the correct number of stars */
.smr_nostar {background-position:0 0}
.smr_onestar {background-position:0 -16px}
.smr_twostar {background-position:0 -32px}
.smr_threestar {background-position:0 -48px}
.smr_fourstar {background-position:0 -64px}
.smr_fivestar {background-position:0 -80px}
.smr_nostar_done {background-position:0 0}
.smr_onestar_done {background-position:0 -96px;}
.smr_twostar_done {background-position:0 -112px}
.smr_threestar_done {background-position:0 -128px}
.smr_fourstar_done {background-position:0 -144px}
.smr_fivestar_done {background-position:0 -160px}
ul.smr_rating li {
cursor: pointer;
 /*ie5 mac doesnt like it if the list is floated*/
float:left;
/* end hide*/
text-indent:-999em;
}
ul.smr_rating li a {
position:absolute;
left:0;
top:0;
width:16px;
height:16px;
text-decoration:none;
z-index: 200;
}
ul.smr_rating li.smr_one a {left:0}
ul.smr_rating li.smr_two a {left:16px;}
ul.smr_rating li.smr_three a {left:32px;}
ul.smr_rating li.smr_four a {left:48px;}
ul.smr_rating li.smr_five a {left:64px;}
ul.smr_rating li a:hover {
z-index:2;
width:80px;
height:16px;
overflow:hidden;
left:0;
background: url(&mvt:global:stars_image_path;) no-repeat 0 0;
}
ul.smr_rating li.smr_one a:hover {background-position:0 -96px;}
ul.smr_rating li.smr_two a:hover {background-position:0 -112px;}
ul.smr_rating li.smr_three a:hover {background-position:0 -128px}
ul.smr_rating li.smr_four a:hover {background-position:0 -144px}
ul.smr_rating li.smr_five a:hover {background-position:0 -160px}
</style>
updated December 23, 2013
Template: Email Reminders
Scot's Scripts FAQs and Module Support

If you don't find the answers here contact us.

Template: CSS

CSS Page Template
