Support » Plugin: Jetpack by WordPress.com » subscription button

  • Resolved jason102178

    (@jason102178)


    I was wondering how can i style the subscription button for jetpack, i have enabled the subscription widget and would like to change the default style…

    I was inspecting using firebug for firefox and i noticed that it doesnt have an id that would allow me to add it to my custom css.

    for example, in wordpress the post comment has an id of
    id=”submit so in my css i would add #submit {
    to style the button

    http://wordpress.org/extend/plugins/jetpack/

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

    (@jeherve)

    Jetpack Mechanic 🚀

    While the button itself doesn’t have a specific ID, the parent div container does. Try using the following CSS code:

    .jetpack_subscription_widget input[type="submit"] {
    /* Your CSS changes */
    }

    Thanks jerome that worked perfectly, I have one other question maybe you can help me with, i was able to style the buttons color ect

    But it doesnt have like a hover effect like i want just yet, so i was wondering what the proper code would be to implement this

    i tried adding something like this

    .jetpack_subscription_widget :hover{opacity:0.8} input[type="submit"] ;

    and it changed the whole widget the text and box to have hover effect and not just the button.

    any suggestions

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    The :hover can be applied to the input field, like so:

    .jetpack_subscription_widget input[type="submit"]:hover {
    /* Your CSS changes */
    }

    thanks again jermy it worked

    embou

    (@embou)

    Hi, I’d like to use the Jetpack Blog Subscriptions sidebar widget, but it takes a lot of real estate in the side bar with the large “subscribe” button and large gap between the email field and the button. I’d like to make the button smaller and place it at the right edge of the email field. I am just starting to learn how to use wordpress and don’t know much about CSS. Is there an easy code that would make the above modifications that I could paste somewhere? And if so, exactly where would I paste it?

    Thanks so much for any help.

    Plugin Contributor Jeremy Herve

    (@jeherve)

    Jetpack Mechanic 🚀

    @embou Could you please start your own thread, as per the Forum Welcome?
    http://wordpress.org/support/plugin/jetpack#postform

    it might also be useful if you could let us know your site URL so we can help you style that widget.

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘subscription button’ is closed to new replies.