Customize input section of e-mail subscription?

You could try to use the following CSS to change the look of the input section:

.jetpack_subscription_widget #subscribe-email input[type="email"] {
	line-height: 30px;
}

I hope this helps.

THANK YOU!

Is there also a way to customize the p#subscribe-email and p#subscribe submit areas?

I would like to decrease the bottom margin for both of these. Currently it’s pulling margin-bottom from my <p> styling. I’d like to reduce the extra white space for the e-mail subscription box specifically if that’s possible.

Follow-on. Would the code be as easy as this?

.jetpack_subscription_widget #subscribe-email {
margin-bottom: 10px;
}

.jetpack_subscription_widget #subscribe-submit {
margin-bottom: 10px;
}

Oh and Jeremy. I’m sorry to say your code did not work on my site for increasing the input field. Any other ideas?

(My site wheelingit.us)

Nina

Follow-up. The following code WORKED to increase the input section, so I have used this instead of the one you provided.

.jetpack_subscription_widget #subscribe-email input {
padding: 10px;
}

But I still don’t know how to decrease the margins?

Think I found the code. These seem to work for the margins around the e-mail input and the submit buttom:

.jetpack_subscription_widget #subscribe-email {
margin: 5px;
}

.jetpack_subscription_widget #subscribe-submit {
margin: 0px;
}