Change colors on Stamped review widget

[dreamtechzone_5]

Hello Everyone!

I have used Stamped review apps. How can I change the yellow color? I have added the code below. Please help me. Thank you.

<style>
.shopify-app-block .fa-star, .fa-star-checked, .fa-star-half-o, .fa-star-o, .stamped-fa-star, .stamped-fa-star-checked, .stamped-fa-star-half-o, .stamped-fa-star-o {
color: #DD7E7F !important; // you can change the color you want here
}
</style>

[BSSCommerce-HDL · Accepted solution]

Hi @dreamtechzone_5, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.stamped-widget-drawer .stamped-widget-button {
    background-color: #DD7E7F !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[Tech_Coding · Accepted solution]

Hello @dreamtechzone_5 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .stamped-header-title {
      display: none !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Tech_Coding]

Hello @dreamtechzone_5 

would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

[dreamtechzone_5]

https://puppies-paws-shop.myshopify.com/products/1pc-pet-puppy-dogs-adjustable-bow-tie-collar-neckti...

Password: Admin

[BSSCommerce-HDL]

Hi @dreamtechzone_5, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.summary-rating-bar-content {
    background: #DD7E7F !important;
}
</style>

 Here is result:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[dreamtechzone_5]

Also, how to change the background color of the button?

[BSSCommerce-HDL]

Hi @dreamtechzone_5, 
Can you kindly share your store link  with us? We will check it and suggest you a solution if possible.

[BSSCommerce-HDL · Accepted solution]

Hi @dreamtechzone_5, 

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head> tag:

<style>
.stamped-widget-drawer .stamped-widget-button {
    background-color: #DD7E7F !important;
}
</style>

 Here is result: 

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you 😍

[dreamtechzone_5]

Wow It worked. Thank you.

How can I display star ratings on featured products below the product title?

[BSSCommerce-HDL]

@dreamtechzone_5, You are currently using the app. Can you check if there is a section to show location in the collection?

[dreamtechzone_5]

Where can I get it?

[BSSCommerce-HDL]

@dreamtechzone_5 , Check your app settings. Does it support showing reviews in collections?

[dreamtechzone_5]

Can't see it.

[BSSCommerce-HDL]

@dreamtechzone_5, You should contact the app team, they will support this problem for you.

[dreamtechzone_5]

Thank you so much, Sir!

I want to remove this text from desktop and mobile mode.

[Tech_Coding · Accepted solution]

Hello @dreamtechzone_5 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .stamped-header-title {
      display: none !important;
   }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[dreamtechzone_5]

Thank you Sir!

Can it be placed in the center?

[Tech_Coding]

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  .summary-overview {
    position: relative;
     left: 42% !important;
  }
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[dreamtechzone_5]

In desktop mode it's fine now but in mobile mode it looks like this.

[Tech_Coding · Accepted solution]

Replace previous code with this code

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 768px){
   .summary-overview {
      position: relative;
      left: 42% !important;
   }
}
@media screen and (max-width: 767px){
    .summary-overview {

       position: relative;
        left: 0 !important;
    }
}
</style>

Mobile View:

Desktop View:

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[dreamtechzone_5]

Thank you very much, Sir! It Worked.