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:

Comments (2)

  1. Great stuff, it worked out well. I wish you would do a tutorial on how to add a banner or image on top of the registration page. Make it more warm and inviting instead of the “Registering to this site is easy……”

Participate