woocommerce rating stars FIX

[userfuck]

Hey, i use the Redcorner Theme and i missed the Rating stars on the Woocommerce Produkt page, After I found the mistake, he was fix fixed.

You need to upload 2 Files because they are not there, i named it star.png

and star_off.png

Now adjust the woocommerce css file in the Folder “Theme”/woocommerce/woocommerce.css
After customizing the CSS file, you should see 5 gray stars that will turn yellow at hover and stay yellow when clicked.

i chanced:

.woocommerce p.stars span, .woocommerce-page p.stars span {
    width: 160px;
    height: 30px;
    position: relative;
    float: left;
    background: url(../images/star_off.png) repeat-x left 0;
}
.woocommerce p.stars span a:hover,.woocommerce p.stars span a:focus,.woocommerce-page p.stars span a:hover,.woocommerce-page p.stars span a:focus {
    background: url(../images/star.png) repeat-x left 
}
.woocommerce p.stars span a.active,.woocommerce-page p.stars span a.active {
    background: url(../images/star.png) repeat-x left
}
.woocommerce p.stars span a.star-1, .woocommerce-page p.stars span a.star-1 {
    width: 30px;
    z-index: 10;
    text-indent: -9999px;
    height: 30px;
}
.woocommerce p.stars span a.star-2, .woocommerce-page p.stars span a.star-2 {
    width: 62px;
    text-indent: -9999px;
    z-index: 9;
    height: 30px;
}
.woocommerce p.stars span a.star-3, .woocommerce-page p.stars span a.star-3 {
    width: 96px;
    text-indent: -9999px;
    z-index: 8;
    height: 30px;
}
.woocommerce p.stars span a.star-4, .woocommerce-page p.stars span a.star-4 {
    width: 128px;
    text-indent: -9999px;
    z-index: 7;
    height: 30px;
}
.woocommerce p.stars span a.star-5, .woocommerce-page p.stars span a.star-5 {
    width: 158px;
    text-indent: -9999px;
    height: 30px;
    z-index: 6;
}

[7Theme Support]

Hi,

thank you, great! We will fix this in the theme and upload an update for it. Thank you again, great work!

[Author]

Posts