Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0
xavier-cusso

CSS styles breaking on contact form

Question

3 answers to this question

Recommended Posts

  • 0
On 1/24/2020 at 6:34 AM, tuanphan said:

Which CSS did you use?

This is what I've used @tuanphan do you see anything that might be causing this issue in there? Thanks

#email-yui_3_17_2_1_1555014059115_8408-field {
  padding: 16px 0px;
}
.form-block input {
    border-color: #000000 !important;  
  margin: 0px 0px;
}
.form-block textarea {
    border-color: #000000 !important;
   margin: 8px 0px;
      }
.form-block button {
    background: #000000 !important;
    border-color: #000000 !important;
}

.form-wrapper .field-list .field .field-element {
    width: 100%;
    padding: 18px !important;
    margin: 8px 0px 4px;
    border: 1px solid #ccc;
    background: #0000;
    color: #000;
    font-family: sans-serif;
    font-size: 16px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 0px;
}
#email-yui_3_17_2_1_1555014059115_8408-field {
    padding: 16px 16px;
}
.form-wrapper .field-list .field .caption .field-element {
    font-size: 16px;
}
.form-wrapper .field-list {
    font-size: 1rem;
}

Share this post


Link to post
  • 0

Edit color: #000; to color: #fff;

.form-wrapper .field-list .field .field-element {
    width: 100%;
    padding: 18px !important;
    margin: 8px 0px 4px;
    border: 1px solid #ccc;
    background: #0000;
    color: #000;
    font-family: sans-serif;
    font-size: 16px;
    line-height: normal;
    box-sizing: border-box;
    border-radius: 0px;
}

and add this code

.form-wrapper .field-list .field .field-element:focus {
    color: #000;
}

 


You can send your question to my email to get faster answer.

How to Setup Password & Share URL  Squarespace Customer Care

I'm overloading. Will reply all questions this month.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...