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.

  1. Add the class dooCon to the Stacks4 custom class option in settings.

  2. 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; }

  1. Edit the code above to suit your desired style.

You will need to be running Stacks 4 for this to work.

Be the first to comment!
0 / 1000
4 + 8 = ?

Privacy Policy

Cookies & IP addresses

This website uses cookies and may share your IP with other online content providers. By clicking continue you agree. To revoke this agreement and delete cookies please visit the cookies page linked to in the footer of every page.