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
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
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.
@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!
