CardinalWP.com responsive form container compiled CSS
.bh-sl-container { | |
position: relative; | |
} | |
.bh-sl-container .bh-sl-form-container { | |
position: absolute; | |
top: 0; | |
right: 0; | |
left: 0; | |
background: rgba(86, 25, 18, 0.9); | |
margin: 0; | |
padding: 15px 2%; | |
width: 96%; | |
z-index: 10000; | |
} | |
@media screen and (min-width: 768px) { | |
.bh-sl-container .bh-sl-form-container { | |
position: absolute; | |
top: 20px; | |
left: 1%; | |
padding: 20px; | |
width: 20%; | |
} | |
} | |
@media screen and (min-width: 1140px) { | |
.bh-sl-container .bh-sl-form-container { | |
width: 15%; | |
} | |
} | |
.bh-sl-container .bh-sl-form-container label { | |
color: #fff; | |
} | |
.bh-sl-container .bh-sl-form-container input { | |
border-radius: 0; | |
margin-top: 10px; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment