Help styling a Sendy subscription form?

I’m having to potentially look at changing how sign-ups to Sendy accounts are handled, and looking at the regular Sendy form. Demo here: http://ci-clientservices.com/clientdev/sendy/

I’ve had a look at doing it, but it’s beyond my css skills!

Is anyone able to do this for me?

Why not using the default send subscription form?
http://instacks.com/newsletter/

That is the default Sendy form, I just need to style it as the default looks shite.

You didn’t say how you wnated it styled. I haven’t used Sendy but looking at the sample it looks pretty straight forward.

I think you know enough CSS to do the “styling” part just maybe need some help with the selectors?

Here is some CSS for a truly ugly form but should show you the selectors:

/* For entire form */
form {
    margin: 25px;
    border: 1px solid green;
    padding: 1rem;
}
/* for Label of Name field */
label[for=name] {
    background: blue;
}
/* For label of email field */
label[for=email] {
    background: red;
}
/* for input field name */
input#name {
    font-family: monospace;
}
/* for input field email */
input#email {
    font-family: fantasy;
}
/* for submit  */
input#submit {
    border: 2px solid #ccc;
    padding: 5px;
    border-radius: 5px;
    margin: 10px;
    color: darkblue;
    background-color: lightyellow;
}
2 Likes

That’s awesome Doug, thanks.