Title: subscription button
Last modified: August 20, 2016

---

# subscription button

 *  Resolved [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/subscription-button-2/)
 * 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/](http://wordpress.org/extend/plugins/jetpack/)

Viewing 6 replies - 1 through 6 (of 6 total)

 *  Plugin Author [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * (@jeherve)
 * Jetpack Mechanic 🚀
 * [13 years, 2 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438593)
 * 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 */
       }
       ```
   
 *  Thread Starter [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438650)
 * 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 Author [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * (@jeherve)
 * Jetpack Mechanic 🚀
 * [13 years, 2 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438690)
 * The :hover can be applied to the input field, like so:
 *     ```
       .jetpack_subscription_widget input[type="submit"]:hover {
       /* Your CSS changes */
       }
       ```
   
 *  Thread Starter [jason102178](https://wordpress.org/support/users/jason102178/)
 * (@jason102178)
 * [13 years, 2 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438691)
 * thanks again jermy it worked
 *  [embou](https://wordpress.org/support/users/embou/)
 * (@embou)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438804)
 * 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 Author [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * (@jeherve)
 * Jetpack Mechanic 🚀
 * [12 years, 4 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438805)
 * [@embou](https://wordpress.org/support/users/embou/) Could you please start your
   own thread, as per the [Forum Welcome](http://codex.wordpress.org/Forum_Welcome)?
   
   [http://wordpress.org/support/plugin/jetpack#postform](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.

 * ![](https://ps.w.org/jetpack/assets/icon.svg?rev=2819237)
 * [Jetpack - WP Security, Backup, Speed, & Growth](https://wordpress.org/plugins/jetpack/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/jetpack/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/jetpack/)
 * [Active Topics](https://wordpress.org/support/plugin/jetpack/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/jetpack/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/jetpack/reviews/)

 * 6 replies
 * 3 participants
 * Last reply from: [Jeremy Herve](https://wordpress.org/support/users/jeherve/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/subscription-button-2/#post-3438805)
 * Status: resolved