Contact Form Styling

[justaguyinaz]

If this is a bug please specify versions you're using first.

Koken version: 0.22.21 PHP Version: (if related to PHP errors)

Issue: This is a request for Integrating styling for built-in Koken contact form.

[justaguyinaz]

I added the following to the bottom of exposure.css for now. Seems to be okay, but would love to see what you might be able to better integrate.

/ Form Styling /

form { max-width: 66%; margin: 0 auto 100px auto; background-color: #fafafa; border: 1px solid #d9d9d9; border-radius: 4px; padding: 5px 15px 15px 15px; }

label { margin: 5px 0; }

button { margin-top: 10px; display: inline-block; padding: 6px 12px; font-weight: 400; cursor: pointer; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; width: 100px; text-transform: uppercase; font-family: "Montserrat", sans-serif; letter-spacing: 1px; font-size: 0.75rem; font-weight: bold;}

button:hover { color: #000; }

input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { display: block; width: 100%; height: 34px; padding: 6px 12px; color: #555; border: 1px solid #ccc; border-radius: 4px;}

textarea[rows] { height: 200px; }

[darklow]

Thanks. I am using latest bootstrap v4.alpha for main layout. I'll uncomment and tweak form style in next version.

[justaguyinaz]

Sounds good; thanks for a great theme and quick responses!

[darklow]

Feel free to share your Koken site when it's live! I am planning to add showcase to website.

[darklow]

I just released new version with Contact form style and Mailchimp base url config param fix. You should already have an automatic email in your inbox. This is how I styled contact form, I think simplicity and straight corners are more appropriate for this theme: