Home Forums Theme support woocommerce rating stars FIX

This topic contains 1 reply, has 2 voices, and was last updated by  7Theme Support 1 year, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • 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
    star

    and star_off.png
    star

    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;
    }
    

    Hi,

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

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.