This is the CSS code you can copy and paste onto Notepad or Microsoft Word because you are going to play around with the code to change the color or you can use it as is.
Currently this CSS template is set to Gold.
/* CSS that customizes the form's look */div.esu-form-div{ background-color:gold; padding:10px 40px 10px 0px; border-radius: 10px; box-shadow: 10px 10px 10px rgba(64, 64, 64, 0.8); border: 4px solid #000; margin:0 auto;}.esu-form-title{ font-size:2.5rem;}.esu-form-div input {border: 4px solid #000;border-radius: 8px;background-color: rgba(64, 64, 64, 1);font-size:1.5rem;padding:4px;color:#fff;}/* Ignore the following CSS as this will be created by the plugin. */div.esu-form-div label.esu-left{float:left;width:120px;font-weight:700} div.esu-form-div input.esu-left,div.esu-form-div textarea.esu-left{width:180px} div.esu-form-div label.esu-top{display:block;width:120px;font-weight:700} div.esu-form-div input.esu-top,div.esu-form-div textarea.esu-top{width:180px}div.esu-body{ background-image: url(https://subtlepatterns.com/patterns/tree_bark.png); display: block; padding:10px; min-height:440px;}/*Styles from the Easy Sign Up Styles Extra Plugin ID's have underscores "_"Classes have dashes "-"*//* New with version 3 *//*Easy sign up short code form div */div.esu-form-div{ display: table; }div.esu-form-div ul{ list-style: none; margin:0;}div.esu-form-div ul li { margin: auto; padding:4px;display:block;}div.esu-form-div input[type=image]{ border: none;background: transparent;box-shadow:none; }div.esu-form-div input[type=image],div.esu-form-div input[type=submit]{ cursor: pointer; }#esu_err { list-style: none; padding: 10px; line-height: normal; z-index: 100000; margin: 0px;}#esu_err ul { margin: auto; display: table; list-style: none; }#esu_err ul li { padding-bottom: 2px; }div.esu-form-div label.esu-default, .esu-hide{position:absolute!important;top:-9999px!important;left:-9999px!important} br.esu-left{clear:left;}
You are going to take this CSS code and paste into your Theme General Setting CSS area.
Please click on the next page to see how to change the color. →
Join the Discussion
Write something…
PatsyC
Premium
Hi thanks for posting this it's great, so easy to understand :)
I need one of these on my side bar and have been taking notes so far. I plan to add one soon.
Is there a double opt-in feature that protects against spam? where the customer has to go through proving they are 'human' etc.
I'm so illiterate with doing things like this I have no clue. I did see Marion's tutorial about a month ago and asked if the Easy Sign Up plugin has the double opt-in feature but didn't get an answer so I left it.
Also is this plugin free?
Thanks!
I need one of these on my side bar and have been taking notes so far. I plan to add one soon.
Is there a double opt-in feature that protects against spam? where the customer has to go through proving they are 'human' etc.
I'm so illiterate with doing things like this I have no clue. I did see Marion's tutorial about a month ago and asked if the Easy Sign Up plugin has the double opt-in feature but didn't get an answer so I left it.
Also is this plugin free?
Thanks!