Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
  • #202287

    I’m having a strange issue where some of the text fields in my footer contact form are not being styled correctly. The first and last name fields look correct, but the email and message fields seem to be displaying the socket background color. Do you have any idea why this might be? Here is a link to my site:


    Hi sharonreiley!

    I don’t see the difference between the fields except for the border. Please add this on your custom.css or Quick CSS:

    #top .input-text, #top input[type="text"], #top input[type="input"], #top input[type="password"], #top input[type="email"], #top input[type="number"], #top input[type="url"], #top input[type="tel"], #top input[type="search"], #top textarea, #top select {
    -webkit-appearance: none;
    border: none;
    padding: 8px 6px;
    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    border-radius: 0px;

    Best regards,


    This is how it looks for me:
    footer screenshot

    I added the code you provided, but it didn’t change the color. (It did change the alignment of the boxes though so I removed the lines about the width because I had already set these to a custom value.) I’m on a Mac, and it looks the same in Firefox, Safari, and Chrome. Also looks the same from my iPhone and iPad. (Apparently I only have access to Apple products for testing…) :/



    Please add following code to Quick CSS as well

     #top .footer_color input[type='email'], #top .footer_color textarea { background-color: white; }

    Best regards,


    That did the trick!!! Thank you so much!! You guys rock!

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Text form fields in footer widgets styling issue’ is closed to new replies.