How can I change the button color in the Debut theme?

Store Design
1

Hi,

Please would someone be able to help me change the colour of this button for leaving a customer review?

It appears on each of my product pages and is unreadable.

Screenshot 2022-03-14 at 12.23.51.png
Screenshot 2022-03-14 at 12.23.51.png2604×596 19.2 KB

thanks!

2 Likes
2

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

3

@mbhlg
Welcome to the Shopify community!
Thanks for your good question.

Please share your store URL.
So that I will check and let you know the exact solution here.

4

thanks, I’ve sent you a message

5

Hello There,

  1. In your Shopify Admin go-to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
a#add_recommend {
width: 100%;
line-height: 1.4;
padding-left: 6px;
padding-right: 6px;
white-space: normal;
margin-top: 0px;
margin-bottom: 10px;
min-height: 37px;
text-transform: capitalize;
color: #000064 !important;
background-color: var(--color-btn-primary);
font-weight: 600;
}

Screenshot:-Screenshot by Lightshot

1 Like
6

Hi @mbhlg ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.gw-container .gw-btn-bg.gw-review-btn {
     color: #fff !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

7

Thanks, that’s great and works for changing the colour to apricot to match the rest of my buttons, could you help with making the ‘add a review’ all in lowercase to match the rest of my site please?

8

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
a#add_recommend {
text-transform: lowercase;
}
1 Like
9

Thanks so much :slightly_smiling_face:

1 Like
10

Thank you for your response. It’s good to know that it’s worked for you. Kindly feel free to get back to me if you need any further assistance.