Support » Plugin: Jetpack - WP Security, Backup, Speed, & Growth » [Feature Request] CSS classes for Jetpack Subscriptions

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    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!

    Thread Starter Sridhar Katakam

    (@srikat)

    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)

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    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!

    Thread Starter Sridhar Katakam

    (@srikat)

    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.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    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.

    Plugin Author Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    We’ve now added IDs to subscriptions widget paragraph tags, per your suggestion. The fix will be included in the next Jetpack release.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Feature Request] CSS classes for Jetpack Subscriptions’ is closed to new replies.