Tagged: , ,

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • December 19, 2013 at 10:43 pm #202287
    sharonreiley

    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:
    http://bittersweetbooks.com/

    December 20, 2013 at 4:04 am #202409
    Ismael

    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,
    Ismael

    December 20, 2013 at 7:08 am #202463
    sharonreiley

    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…) :/

    December 20, 2013 at 5:27 pm #202625
    Yigit

    Hey!

    Please add following code to Quick CSS as well

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

    Best regards,
    Yigit

    December 20, 2013 at 9:47 pm #202712
    sharonreiley

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

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