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