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;
}

 


COVID-19Free priority support for all users (29/03 - 30/04). You can tag me (@tuanphan) or send to my email.

With paid support, see here

How to Setup Password & Share URL

 

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