Home › Forums › WoodMart support forum › stars marked in yellow

stars marked in yellow

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 9, 2024 at 4:32 pm #620887

    mbsoftmb
    Participant

    How can I make the stars marked in yellow (5 stars) even if there are no reviews for the product?

    Attachments:
    You must be logged in to view attached files.
    December 10, 2024 at 1:06 pm #621154

    Hung Pham
    Keymaster

    Hi mbsoftmb,

    Thanks for reaching to us and appreciate your patience.

    Please add the below Custom CSS code to Theme Settings > Custom CSS > Global Custom CSS:

    div.star-rating:not([aria-label="Rated 5.00 out of 5"]) span{
	width: 100% !important;
}

div.star-rating:not([aria-label="Rated 5.00 out of 5"]) span:before{
    content: "\f148" "\f148" "\f148" "\f148" "\f148";
    position: absolute;
    top: 0;
    inset-inline-start: 0;
    text-indent: 0;
}

    Regards,

    December 10, 2024 at 4:58 pm #621289

    mbsoftmb
    Participant

    how to make the stars appear yellow only for a product that has no reviews, and in other places the stars are displayed in accordance with the rating.

    Attachments:
    You must be logged in to view attached files.
    December 11, 2024 at 5:27 pm #621645

    Hung Pham
    Keymaster

    Hi mbsoftmb,

    Unfortunately, there is no such option by default. You need to find a third party plugin to achieve more functionality that best suits you.

    Regards,

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)