Skip to content

Instantly share code, notes, and snippets.

@jaredatch
Created December 1, 2016 19:13
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jaredatch/e25fdabde06633feb15dcc22b9fdce97 to your computer and use it in GitHub Desktop.
Save jaredatch/e25fdabde06633feb15dcc22b9fdce97 to your computer and use it in GitHub Desktop.
WPForms letter format
.letter-format .wpforms-field {
padding: 0 !important;
display: inline !important;
width: auto !important;
overflow: auto !important;
position: relative !important;
}
.letter-format .wpforms-field-html div {
display: inline !important;
width: auto !important;
}
.letter-format .wpforms-field input,
.letter-format .wpforms-field select {
width: auto !important;
border-radius: 0 !important;
display: inline !important;
margin: 0 5px 5px !important;
border: 0 !important;
border-bottom: 1px solid #ccc !important;
padding: 4px 0 2px !important;
height: 34px !important;
max-width: 100% !important;
}
.letter-format .wpforms-field textarea {
margin-top: 20px !important;
}
.letter-format .wpforms-field select {
-webkit-appearance: none !important;
-moz-appearance: none !important;
background-position: right 50% !important;
background-repeat: no-repeat !important;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDZFNDEwNjlGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDZFNDEwNkFGNzFEMTFFMkJEQ0VDRTM1N0RCMzMyMkIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0NkU0MTA2N0Y3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0NkU0MTA2OEY3MUQxMUUyQkRDRUNFMzU3REIzMzIyQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuGsgwQAAAA5SURBVHjaYvz//z8DOYCJgUxAf42MQIzTk0D/M+KzkRGPoQSdykiKJrBGpOhgJFYTWNEIiEeAAAMAzNENEOH+do8AAAAASUVORK5CYII=) !important;;
padding-right: 1.5em !important;
}
.letter-format .wpforms-field label.wpforms-error {
background: #f2dede !important;
position: absolute;
top: 100%;
left: 0;
z-index: 10;
width: 100%;
padding: 10px !important;
border-top: 1px solid red !important;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment