Topic Resolution: Resolved
  • Closed
  • D
    Spectator
    November 29, 2015 at 12:38 am #22532

    Hello,

    I am using the Alora theme and would like to change the color of the stars used in the WooCommerce rating system. I believe there is a code to change the outline and one to change the color of the body of the star itself. Could I please have those codes or be directed to information that would allow me to find it. Everything I have tried thus far does not work.

    Do you also have any material to help with fine-tuning your method of coding that I would need for the CSS. Sometimes when I go to Inspect Element, I can find it easily. Sometimes, I’m just not sure what is the exact code, or sequence of divs, styles etc. to use.

    Thanks

    Denzel Chia
    Moderator
    Posts: 2656
    November 29, 2015 at 9:20 am #22546

    Hi,

    Please use the following codes in Theme Options -> Custom CSS

    .star-rating::before, .star-rating span::before{
    color:#000 !important;
    }

    Change #000 to your color hex code.

    Do you also have any material to help with fine-tuning your method of coding that I would need for the CSS. Sometimes when I go to Inspect Element, I can find it easily. Sometimes, I’m just not sure what is the exact code, or sequence of divs, styles etc. to use.

    I use firebug to inspect the elements, you need more practice to find the correct class or id to use. You can read up on CSS to gain more knowledge.

    Thanks!

    D
    Spectator
    Posts: 40
    November 29, 2015 at 10:41 am #22549

    Thanks Denzel. It worked. Working with it a bit to see if I can get the outline to be a different color. Came close with the code, but not close enough..lol. Will look into Firebug and do some more reading as you have suggested.