Style Doobox Contact From
Although old, Doobox Contact Form continues to me a popular choice, as it's just so simple to use, but it does lack styling.
So here is the code you need to change most aspects of the form.
Add the class dooCon to the Stacks4 custom class option in settings.
Add the following css to the global css box…
.dooCon [name=“input”] {
padding: 10px !important;
width: 100%;
font-size: 14px;
background: #FFFFFF !important;
color: #555555 !important;
margin: 0;
border: 0px solid #464646 !important;
-moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px !important;
}
.dooCon [name=“sendmail”] {
margin-top: 20px !important;
padding: 8px 25px 8px 25px !important;
display: block;
text-align: center !important;
font-size: 1rem !important;
color: #444444 !important;
border: 1px solid #D8D8D8 !important;
background-color: #FFFFFF !important;
-moz-border-radius: 25px !important;
-webkit-border-radius: 25px !important;
border-radius: 25px !important;
cursor: pointer;
}
- Edit the code above to suit your desired style.
You will need to be running Stacks 4 for this to work.