Using dawn theme, how do i change the email and password background color in customer login

Store Design
1

in the customer login, the email and password box background color is dark grey and the text when your type is white but cant see the boxes as everything is dark grey and black, also where it shows “email” and “password” is also dark grey so cant see anything, just want to change the box color to white and the writing to black so it is visible

2

@rov1 - can you share website link?

3

Hello @rov1
Can you share store URL?

4

yes its www.ringofvapes.co.uk

also just realized the email subscribe message is also dark and unable to see

5

@rov1 - please add this css to the very end of your base.css file and check

.footer-block__heading{color: #fff;}
.newsletter-form__field-wrapper .field__input {color: #000;    background-color: #fff;}

suyash1_0-1716567642837.png
suyash1_0-1716567642837.png1366×768 68 KB

6

yes that has now worked for the email subscribing thank you! , only the email and password login boxes need sorting now

7

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 on theme.liquid

.customer .field input{ background-color: #fff !important; } .customer .field input:focus { color: #000 !important; } .customer h2.form__message { color: #fff !important; }

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

8

@rov1 - add this as well

.customer .field input {background-color: #fff;    color: #000;}
9

that worked perfectly also! exactly what i wanted thank you!

10

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

11

do i still add this last one you sent me? if so where am i adding it to? thanks

12

@rov1 - I think you have added code given by @niraj_patel , so you do not need to add this last one

13

ah i see okay thank you!!

14

can you help with the contact form also? it has the same issue as the login page

15

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 on theme.liquid

.content-for-layout h1.main-page-title.page-title.h0.scroll-trigger.animate--fade-in { color: #fff !important; } .field__input{ background: #fff !important; color: #fff !important; } .contact__button .button{ background-color: #fff !important; color: #000 !important; }

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