Edit Color of Applied Discount Tag

Highlighted
Tourist
7 0 1

Hello, I am having trouble changing the colour of the tag that shows an applied discount code. Right now the background colour of the tag is very similar to the background colour of the checkout page  making it difficult to see and the text is white making it difficult to read. I can't seem to find a way to change either the text colour or background colour of the tag in the Colors or Checkout sections of Theme Settings. Here is a screenshot showing an example.

Screen Shot 2020-07-13 at 2.24.04 PM.png

If anyone knows how this can be edited, the information would be greatly appreciated.

0 Likes
Highlighted

Hello @greg81 

Please share your store URL and reference site URL.

So that I can check and let you know the exact solution for this.

Thanks...

Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Tourist
7 0 1

Thanks for the reply @oscprofessional.

Right now it is still a developmental store so here is the myshopify URL: https://beecausent.myshopify.com/. The password is "breosi".

The default language is Japanese, but can be changed to English in the footer. Right now discount code "hachi" can be applied so you can see what I mean. Thanks in advance.

0 Likes
Highlighted
Shopify Partner
480 60 78

@greg81 ,

Please go to admin -> settings -> checkout and customize checkout 

shopi1.png

 

Edit colors and check

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
Tourist
7 0 1

@Propero thank you for the response.

Are you referring to this Colors section?

Screen Shot 2020-07-13 at 3.30.00 PM.png

If so, editing these colors doesn't seem to resolve the issue.

0 Likes
Highlighted
Shopify Partner
480 60 78

yes

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
Tourist
7 0 1

@Propero 

Unfortunately changing those colors doesn't change the color of this tag:

Screen Shot 2020-07-13 at 4.29.00 PM.png

0 Likes
Highlighted
Shopify Partner
480 60 78

OK, please try following CSS changes. Put it at the end of file theme.scss.liquid which is under assets directory when you go to edit code.

.edit_checkout .animate-floating-labels{
background-color: blue ! important;
}

Please change the color as appropriate if it works.  You may also use hexcode of color

- Was my reply helpful? Click Like to let me know!
- Was your question answered? Click Accept as Solution

Skype : lokendra.panwar1
0 Likes
Highlighted
Tourist
7 0 1

@Propero 

Thank you for your help. Unfortunately this CSS edit did not change the color.

0 Likes