-
Posts
-
Hi – Is it possible to make the Register link in the bbpress Login Widget look like a button like the Log In button? I’m just trying to make where to click to register more clear to users. Thanks!
Probably the easiest way would be to add the button class to the register link. Open up wp-contentpluginsbbpressincludescommonwidgets.php and replace
<a href="<?php echo esc_url( $settings['register'] ); ?>" title="<?php esc_attr_e( 'Register', 'bbpress' ); ?>" class="bbp-register-link"><?php _e( 'Register', 'bbpress' ); ?></a>with
<a href="<?php echo esc_url( $settings['register'] ); ?>" title="<?php esc_attr_e( 'Register', 'bbpress' ); ?>" class="button bbp-register-link"><?php _e( 'Register', 'bbpress' ); ?></a>The disadvantage is – it’s not update safe. You can also collect the .button styles from the stylesheets and apply these style rules to the .bbp-register-link class.
Thanks Dude. That totally gets me part of the way there…see: http://i.imgur.com/uoxRpte.png
How can I now make the Register button look like the image above using the same fonts, sizing, etc. as the Log In button?
Thanks again.
Hey,
This will make it look exactly like the login button. Just change the color value:
.bbp-register-link {
border-radius: 2px;
background-color: #c3512f;
color: #ffffff !important;
border-color: #c3512f;
cursor: pointer;
display: block;
height: 34px;
width: 68px;
font-size: 13px !important;
padding: 10px 10px 10px 10px !important;
margin-top: 2px;
-ms-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
text-decoration: none !important;
}
.bbp-register-link:hover {
background-color: #88bbc8;
color: #ffffff;
border-color: #88bbc8;
}Regards,
Ismael
- The topic ‘change the look of the "Register" link in bbpress Login Widget’ is closed to new replies.