Skip to content

Instantly share code, notes, and snippets.

@drobilc
Created April 25, 2017 15:27
Show Gist options
  • Save drobilc/09c9bcd143cb777187233944223c4218 to your computer and use it in GitHub Desktop.
Save drobilc/09c9bcd143cb777187233944223c4218 to your computer and use it in GitHub Desktop.
<div class="forma">
<span class="naslov">Contact me</span>
<label>Name [text* your-name placeholder "Your name here"]</label>
<label>Email [email* your-email placeholder "Your email here"]</label>
<label>Subject [text your-subject placeholder "Your subject here"]</label>
<label>Message [textarea your-message placeholder "Your message here"]</label>
[submit "Send"]
</div>
.forma {
width: 100%;
background: #f1f1f1;
font-family: GT-Walsheim-Pro-Regular;
box-sizing: border-box;
padding: 10px;
font-size: 16px;
}
.forma label {
color: black;
font-family: GT-Walsheim-Pro-Regular;
font-size: 14px;
margin: 0;
display: block;
}
.forma input,
.forma textarea {
width: 100%;
padding: 10px;
border:0;
outline:0;
border-radius: 8px;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
resize: none;
box-sizing: border-box;
font-family: GT-Walsheim-Pro-Regular;
margin-bottom: 8px;
margin-top: 4px;
}
.forma input[type="submit"] {
background: #e74c3c;
color: white;
cursor: pointer;
font-family: GT-Walsheim-Pro-Regular;
}
.forma input[type="submit"]:hover {
box-shadow: 0 1px 1px 1px rgba(170, 170, 170, 0.6);
}
.forma input:focus {
box-shadow: 0 0 2px rgba(231, 76, 60, 1) !important;
}
div.wpcf7-validation-errors {
display: none !important;
}
.forma .naslov {
color: black;
font-size: 30px;
display: block;
word-break: break-all;
}
.forma span[role="alert"] {
color: #e74c3c;
font-size: 14px;
margin: 0;
padding: 0;
font-family: GT-Walsheim-Pro-Regular;
line-height: 14px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment