M d Y

Modify Subscription style of Jetpack


I just started to use the Subscription feature from Jetpack. I was checking how it looks like and I noticed that the checkbox and the text were in different lines. There was a space between checkbox and "Notify me of follow-up comments by email." and the same with "Notify me of new posts by email."

This bug, does not happen on all themes, so I can't guarantee that this is the solution for everybody. To fix it on my theme I changed the file "wp-content/plugins/jetpack/modules/subscriptions.php"

I updated lines 433, 434, 435:

$str .= '<p class="comment-subscription-form" style="line-height: 0px; height: 0px;"><input type="checkbox" name="subscribe_comments" id="subscribe_comments" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox; vertical-align:middle; top: 0px;"' . $comments_checked . ' /> ';

$str .= '<label class="subscribe-label" id="subscribe-label" for="subscribe_comments" style="width:none; float:none;">' . __( 'Notify me of follow-up comments by email.', 'jetpack' ) . '</label>';

$str .= '</p>';

And the lines 439, 440, 441 too.

$str .= '<p class="comment-subscription-form" style="line-height: 0px; height: 0px;"><input type="checkbox" name="subscribe_blog" id="subscribe_blog" value="subscribe" style="width: auto; -moz-appearance: checkbox; -webkit-appearance: checkbox; vertical-align:middle; top: 0px;"' . $blog_checked . ' /> ';
$str .= '<label class="subscribe-label" id="subscribe-blog-label" for="subscribe_blog" style="width:none; float:none;">' . __( 'Notify me of new posts by email.', 'jetpack' ) . '</label>';
$str .= '</p>';

Maybe this help you to fix this.

Matheus

Comentários do Facebook:

5 Comments

  • By Mila, January 10, 2013 @ 4:59 am

    I'm having this exact problem.... I did what was listed here, but it didn't fix my problem. :(

  • By Matheus (X-warrior) Bratfisch, January 10, 2013 @ 1:25 pm

    What is your jetpack version? and wordpress?

  • By Mila, January 14, 2013 @ 9:32 am

    My Jetpack and WordPress are the latest ones available - I just switched over to a self-hosted site a week ago.

    Jetpack is 2.1.1 and WordPress is 3.5

  • By Mila, January 14, 2013 @ 9:40 am

    Maybe I didn't do it right because I can't see the line numbers? I edited that file through the WordPress dashboard through Plugin Editor.

  • By Matheus (X-warrior) Bratfisch, January 15, 2013 @ 2:31 am

    you could edit on an external editor (copy paste, edit, and copy paste back). Just to make sure.

    I`m not using latest jetpack update, I will update it asap and will let you know.

    Have a good one

Other Links to this Post

RSS feed for comments on this post. TrackBack URI

Leave a comment