You could target these paragraphs by using the CSS class of the form, like so:
#subscribe-blog-blog_subscription-5 p {
/* Your custom rules here */
}
To customize the email input field, you can use the following code:
#subscribe-blog-blog_subscription-5 input[type=text] {
/* Your custom rules here */
}
And to style the submit button, try using this code:
#subscribe-blog-blog_subscription-5 input[type=submit] {
/* Your custom rules here */
}
Let me know if it helps!
Thanks for your reply.
Have two questions.
1) How would I target just the following:
<p>Join 60 other subscribers</p>
i.e., the second p element.
I know can use
“#subscribe-blog-blog_subscription-5 p:first-child” for first p element
“#subscribe-blog-blog_subscription-5 p:last-child” for last p element
“#subscribe-blog-blog_subscription-5 p + p” for 2nd, 3rd and 4th p elements.
But what selector can I use to target just the 2nd p element?
2) I would like to wrap the 3rd and 4th p elements housing the input fields so I can use ‘margin: 0 auto; display: table;’ to center them horizontally. How can this be done?
I am trying to do this: http://i.imgur.com/Vejt0FI.png (screenshot taken after adding inline HTML and styles via Firebug)
Good point. That is not possible at the moment. I created a trac ticket about this issue, and we’ll consider adding the paragraph IDs in a next Jetpack update!
Thanks!
Appreciate it.
If you can consider wrapping all the input fields in a div with a class and/or ID, that would be helpful too.
If you can consider wrapping all the input fields in a div with a class and/or ID, that would be helpful too.
That’s already the case I believe. You can use the class assigned to the form
element.
We’ve now added IDs to subscriptions widget paragraph tags, per your suggestion. The fix will be included in the next Jetpack release.