Change Account Form Field Color + Shift Text

Shopify Discussion
,
1

Hello,

I am looking to change the text fields of my account form from white to black (or transparent, as the background of my website is black), and I would like the font to be white (#FFFFFF). I would also like a white border (#FFFFFF) around the actual text fields. Below is a piece of code which worked for the Contact text fields, but I cannot figure it out for the Account form.

.contact-form input, textarea, select {
background: #000;
border: 1px solid #fff;
color: #fff;
}

Also, on the Contact page, I’d like to make the titles of each box (Name, Email, Message) all written above the box, and at full opacity (fully white).

And lastly, I’d like to make the title “Contact Us” align with the body text and text fields (so it should come to the right a bit).

My website is https://nightshiftintl.com for reference, using the Venture theme.

Thank you very much,

Chris

1 Like
2

@chrispabey

yes, please try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
.form-vertical input, .form-vertical select, .form-vertical textarea {
    background: #000;
    color: #fff;
    border: 1px solid;
}
1 Like
3

Hello,

That worked for the first issue, so thank you. Would you be able to help with the other two issues please?

Thanks,

Chris

1 Like
4

@chrispabey

yes, please share second issue images so i will check and let you know

5

Hello,

They’re both written in my initial post - I would like the text in the contact form and login form to be written above the text boxes (Name, Email, Message, etc), and I’d like them to be at full opacity.

I also would like if I could align the words “Contact us” with everything else on that page, so it should be shifted right a bit.

Thanks again,

Chris

6

Hello @chrispabey
This is GemPages - A powerful Page Builder.
Regarding your question, you can follow these steps

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

Hope my recommendation can works and support for you!
Kind & Best regards!
GemPages