Important:
This support area is for Kalium 3 users only. Support for Kalium 4 has moved to our new platform at support.laborator.co. If you’re using Kalium 4, please create a new account there using your email and license key. A password will be sent to you automatically.

Okay
  Public Ticket #1895983
Contact Form styling
Closed

Comments

  • Marc started the conversation
    February 14, 2019 at 2:22pm

    1) The check boxes in the contact form are very light grey, can they be darker?

    2) The submit button doesn't follow the rest of the theme's styling (hover underline), instead it seems to be hardcoded orange hover. Can it be changed the the theme style?

  •  1,561
    Laborator replied
    February 15, 2019 at 9:09am

    Hi Marc,

    Add this CSS to Custom CSS so the changes you requested will be applied in your site:

    input[type=checkbox], input[type=radio] {
    border: 1px solid #CCC;
}
.contact-form .button:after {
    content: '';
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -1px;
    display: block;
    width: 0%;
    height: 1px;
    background-color: #000;
    transition: all .3s cubic-bezier(.175,.885,.32,1.075);
}
.contact-form .button:hover:after {
    width: 100%;
}
.contact-form .button:hover, 
.form-submit .button:hover {
    color: #000;
}

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group

  •  2
    Edward replied
    July 2, 2019 at 9:35am

    What extra css do I need to add to change the font size and colour of the submit button on my contact form? I basically want to give it an H2 tag?

  •  1,561
    Laborator replied
    July 3, 2019 at 7:06am

    Hi Edward,

    Use this CSS for the contact button:

    .contact-form .button {
    background: #000 !important;
    font-size: 22px;
}

    P.S. Please create a new ticket next time.

    Best regards,
    Laborator Team

      Documentation         Join Kalium Users Group