How to Customize the Signup Button on the BuddyPress Registration Page

If you want to use your own custom graphic for the button on the BuddyPress registration page, here’s how you can quickly edit your child theme. Open registration/register.php and look for this around line 208:

1
2
3
<div class="submit">
<input type="submit" name="signup_submit" id="signup_submit" value="<?php _e( 'Complete Sign Up', 'buddypress' ) ?> &rarr;" />
</div>

Replace it with this for including your custom image URL:

1
2
3
<div class="submit">
<input type="image" src = "http://yoursite.com/wp-content/themes/child-theme/_inc/images/join.png"  name="signup_submit" id="signup_submit" value="<?php _e( 'Complete Sign Up', 'buddypress' ) ?> &rarr;" />
</div>

Depending on what your button looks like, you’ll achieve something like this: