Jump to content

Changing form input/text colour

Go to solution Solved by tuanphan,

Recommended Posts

Site URL: https://www.brandonscott.media/contact

I am trying to change the colour of the text in my form to white. I have some css making the form block only underlined with a transparent back, and some css that only changes the first two input fields text to white. I have looked at other posts on this forum however they still only changed the first two input fields text colour. Is there some css that I should use to make all fields text turn white?

Website: https://www.brandonscott.media/contact

css for underlined form

// Solid Underline Form // 

.field-list .field-element{
    border-color: #ffffff !important;
    border-bottom: solid 2px #ffffff !important;
    border-left: none !important;
    border-right: none !important;
    border-top: none !important;
    background-color: transparent !important;
  }
  .field-list select:focus{
    outline-color:  #ffffff !important;
  }
  .field-list .section{
    border-color: #ffffff !important;
  }

css for changing the first two inputs text to white

// Form Text Colour //


.form-wrapper .field-list .field .caption .field-element {
    background-color: transparent !important;
    color: white !important;

 

Thanks in advance.

 

Link to comment
  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

13 hours ago, tuanphan said:

Hi,

It looks like you figured it out?

image.thumb.png.4debb7ecf5f033de4abf2ba9f787d4fd.png

Sorry, I guess I should have been more clear in my initial question, what I am trying to do is change the input from a user (i.e. the users input for first name, last name, email, and comment). As of right now when a user enters their first and last name the text is white, but when someone puts in their email it shows up black. I am looking on how to change that font colour to white.

Link to comment
On 8/5/2022 at 4:10 AM, Brandon05 said:

Sorry, I guess I should have been more clear in my initial question, what I am trying to do is change the input from a user (i.e. the users input for first name, last name, email, and comment). As of right now when a user enters their first and last name the text is white, but when someone puts in their email it shows up black. I am looking on how to change that font colour to white.

Use this CSS

div#block-5f4ac623c656937e8255 .email input {
    color: white !important;
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • Solution
On 8/7/2022 at 7:44 AM, Brandon05 said:

Thanks, this worked great. Also how would I go about doing this for the text area field?

Use this new code

div#block-5f4ac623c656937e8255 {
.email input {
    color: white !important;
}
textarea {
    color: white !important;
}}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.