Jump to content

Changing text color for form responses

Recommended Posts

Site URL: https://www.packvc.com

Hi All,

I am using an image for my background and i need to include a form on that page. I am making the background a solid color and want to update the text font to contrast with the color chosen for the background of the form.

I have been able to find ways to change the form text colors, but not the form response text colors. You can see this circled in red on the attached image.

Here is my custom CSS to get the changes so far:

.form-block {
/* block background color */  background-color: #5D428F;
  }
.form-wrapper .field-list .title {
    font-size: 10px;
  color: #FFFFFF;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.form-wrapper .field-list .field .caption {
  font-size: 9px;
  color: #FFFFFF;
  letter-spacing: .15em;
  text-transform: uppercase;
}
.form-wrapper .field-list .description {
  font-family: YOURFONTFAMILY;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0em;
}
.form-wrapper .field-list .select {
  font-family: YOURFONTFAMILY;
  font-size: 10px;
  color: #FFFFFF;
  letter-spacing: 0em;
}
.form-wrapper .field-list .field .field-element {
  background-color: #fefefe;
  border: 1px solid #515151;
  border-radius: 0;
}
.form-wrapper .field-list .field .field-element {
border-style:solid;  
border-width:1px;  
border-color:#7B666A;
border-radius: 20px;
background: #ffffff;
}

.form-wrapper input[type="submit"] {
background-color: #000000;
}

 

Form color question.PNG

Link to comment
  • Replies 3
  • Views 540
  • Created
  • Last Reply
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.


×
×
  • 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.