Okay
  Public Ticket #1989621
contact Form
Closed

Comments

  •  2
    Mao74 started the conversation
    April 26, 2019 at 12:21pm

    Hello,

    I try to have a contact form as the Kalium Gym one.

    Can you give me the CSS code? I tried this one but the box is not over the field name. I don't also want the line under the name...

    .contact-form input, .contact-form textarea {

        background: #F3F2F2 !important;

        border: 0px solid #CCC !important;

    Thank you.


  • [deleted] replied
    April 29, 2019 at 7:00am

    Hi Mao74,

    Please add the code below to your Custom CSS area:

    /* Contact - Contact Form */
.contact-form .form-group,
.comment-respond .labeled-textarea-row,
.comment-respond .labeled-input-row {
    padding: 16px 22px;    
    background: #F0F0F0;
    margin-bottom: 30px;
}
.contact-form .contact-form-privacy-policy {
    padding: 0px;
    background: transparent;
}
.contact-form .form-group label, .comment-form label {
    margin-right: 10px;    
}
/* Contact - Placeholder */
.contact-form .form-group label,
.comment-respond .labeled-textarea-row label,
.comment-respond .labeled-input-row label {
    border-bottom: none;
    color: #999;
}
/* Contact - Fields Styling */
.contact-form input, 
.contact-form textarea {
    background-image: none;    
    border-bottom: none;
    padding: 0px;
}

    Have a great day!

  •  2
    Mao74 replied
    April 29, 2019 at 7:16am

    Perfect! Thank you :)

  • [deleted] replied
    April 29, 2019 at 7:23am

    I'm happy to hear thatsmile.png

    Have a great day!

    P.S: If you like the theme, it would help us a lot if you could give us a five-star rating on Themeforest from your Downloads tab. 

    A huge thank you from me and Laborator in advance.