CSS

Problems, solutions and everything in between.
Latest entries

Responsive video embed for YouTube & Vimeo

.responsive-video { position: relative; padding-top: 60px; overflow: hidden; padding-bottom: 56.25%; } .responsive-video iframe, .responsive-video object, .responsive-video embed { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } Then wrap your embed in ... Note: if you're having trouble with the height of your video, adjust padding-bottom

How to style the placeholder text for an input

input::-webkit-input-placeholder { color: white !important; } input:-moz-placeholder { color: white !important; } /* Firefox 18- */ input::-moz-placeholder { color: white !important; }/* Firefox 19+ */ input:-ms-input-placeholder { color: white !important; } You need to place it on individual lines as some browsers will recognised an invalid class call and scrap the rest of the class/css.