How can I change the star color to pink on my Impact theme?

Store Design
, ,
1

Hello,

I would like to change the color of my stars to pink with the code: ffc8d9.

How can I do this?

Matys_hfn_0-1689284579231.png
Matys_hfn_0-1689284579231.png821Ă—194 5.85 KB

Here is my theme: Impact

Here is my site: https://tata-paulette-france.myshopify.com/

Here is the password: mowpre

1 Like
2

Hello!

Open theme.css file, at the bottom of the file copy and paste this code.

.rating__star {
  color: #ffc8d9;
}

Hope this helps.

1 Like
3

Hi @Matys_hfn ,

Try this,

  1. From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  2. Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  3. In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
  4. And Save.
.rating svg.rating__star.icon.icon-rating-star {
    color: red;
}

Result:

Ribe_Dagandara_0-1689284932571.png
Ribe_Dagandara_0-1689284932571.png302Ă—205 2.86 KB

I hope it help.

1 Like
4

Hey!

You should be able to customize this without code, but you could also add this line of CSS to your theme.css file.

.rating__star {
    color: #ffc8d9!important;
}

Nice site design too!

Cheers,

Lee

2 Likes
5

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > theme.css and paste this at the bottom of the file:
.press .rating__stars svg {
    color: #ffc8d9;
}

ZestardTech_0-1689318266840.png
ZestardTech_0-1689318266840.png1906Ă—599 47.6 KB

6

Hi @Matys_hfn

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Theme.css

.rating__star {
    color: blue !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly