Review stars not changing colors

  • When changing the review stars under product title, it works in customizer but publishing the site does not show the correct color. I want to increase the size and make the stars yellow/golden.
    It only shows yellow when I change it in customizer but doesn’t show in website.
    I am using ReviewX plugin but that isn’t controlling the stars on top, oceanwp is.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)

  • Hello @devilmakq,

    Please get in touch with your third-party plugin author. Maybe they have a solution that we are not aware of.

    All styling comes from the third-party plugin: https://postimg.cc/dDBYZs8F.

    Also, you can use put the CSS below in Customizing > Custom CSS/JS > CSS Code:

    #wrap .rx_star_rating > input:checked ~ label .icon-star {
    fill: #2600bd !important;
    stroke: #2600bd !important;
}

#wrap .rx-review-form-area-style-2 .rx_star_rating .icon-star {
    stroke: #2600bd !important;
}

    Please read this link for more information about the CSS/JS code on the customizer: https://docs.oceanwp.org/article/354-add-custom-css-and-js-to-your-website.

    Note: If you have any cache plugin or server cache(CDN / Browser Cache and Cookies and …), you need to clear its cache contents or disable them to see your changes. Also, remember to click on the regenerate all assets file and data in Elementor > Tools(if you have Elementor).

    I hope that helps.

    Best Regards

    Thread Starter devilmakq

    (@devilmakq)

    Hello, I mean the ratings below the main product title. Also the above CSS did nothing.

    https://pasteboard.co/GVjsBq62LpaB.jpg

    Hello @devilmakq,

    If the CSS below didn’t help you, then please contact your third-party plugin author:

    .woocommerce-page div.product div.summary .star-rating,
.woocommerce-page div.product div.summary .star-rating span:before,
ul.products li.product .woocommerce-loop-product__link .star-rating,
ul.products li.product .woocommerce-loop-product__link .star-rating span:before {
    color: #3D33A7 !important;
}

#wrap .rx_avg_star_color,
#wrap .rx_star_rating > input:checked ~ label .icon-star {
    fill: #3D33A7 !important;
    stroke: #3D33A7 !important;
}

#wrap .rx-review-form-area-style-2 .rx_star_rating .icon-star {
    stroke: #3D33A7 !important;
}

    Result: https://postimg.cc/gallery/WTHNTvR.

    Best Regards

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Review stars not changing colors’ is closed to new replies.