Okay
  Public Ticket #931636
Contact form
Closed

Comments

  •  2
    Cenk started the conversation
    October 24, 2016 at 1:22am

    Hi!

    I have been working on the contact form and have made some changes (in Custom CSS) to it based on what I could find in the forums. I quite like how it looks right now with a few glitches. See the attached image, it explains the issues and also desired outcome. 

    This is the code I have in Custom CSS:

    .contact-form input, .contact-form textarea {
    border-bottom-color: #c9c9c9 !important;
}

    .contact-form textarea {
    background-image: linear-gradient(#c9c9c9 1px, transparent 1px) !important;
}

.message-form .form-group .placeholder {
    padding-top: 2px !important;
}

    .contact-form .send {
    color: #c9c9c9 !important;
}

    .contact-form .send:hover {
    background: #303030 !important;
}

    .comment-form textarea, .contact-form textarea {
    line-height: 55px !important;
    background-size: 100% 55px !important;
}

    It would be great if you could help me out with this!

    FYI, I have a background color on the site.

    Thanks!! :)

  • [deleted] replied
    October 24, 2016 at 11:07am

    Hi Cenk,

    Can you please add the code below to Custom CSS

    input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 1000px #fafafa inset!important;
    -moz-box-shadow: 0 0 0 1000px #fafafa inset!important;
    box-shadow: 0 0 0 1000px #fafafa inset!important;
}

    As for the Message field, that is not possible.

  •  2
    Cenk replied
    October 27, 2016 at 7:16pm

    Thanks Ylli, it worked like a charm! :) 

    Awesome theme!

    Cenk

  • [deleted] replied
    October 28, 2016 at 10:54am

    Hi Cenk,

    Glad to hear that.

    Will set this ticket as solved from here.