Skip to:
Content
Pages
Categories
Search
Top
Bottom

Change TextBox Size

Viewing 3 replies - 1 through 3 (of 3 total)
  • @henrywright

    Moderator

    You can use something like:

    .mytextbox {
       width: 100%;
    }
    

    Where mytextbox is a class belonging to your text input fields.

    @n1ck

    Participant

    Can you show me where i should add this?

    
    
    
    /**
     * BuddyPress Login Widget.
     *
     * @since BuddyPress (1.9.0)
     */
    class BP_Core_Login_Widget extends WP_Widget {
    
    	/**
    	 * Constructor method.
    	 */
    	public function __construct() {
    		parent::__construct(
    			false,
    			_x( '(BuddyPress) Log In', 'Title of the login widget', 'buddypress' ),
    			array(
    				'description' => __( 'Show a Log In form to logged-out visitors, and a Log Out link to those who are logged in.', 'buddypress' ),
    				'classname' => 'widget_bp_core_login_widget buddypress widget',
    			)
    		);
    	}
    
    	/**
    	 * Display the login widget.
    	 *
    	 * @see WP_Widget::widget() for description of parameters.
    	 *
    	 * @param array $args Widget arguments.
    	 * @param array $instance Widget settings, as saved by the user.
    	 */
    	public function widget( $args, $instance ) {
    		$title = apply_filters( 'widget_title', $instance['title'] );
    
    		echo $args['before_widget'];
    
    		echo $args['before_title'] . esc_html( $title ) . $args['after_title']; ?>
    
    		<?php if ( is_user_logged_in() ) : ?>
    
    			<?php do_action( 'bp_before_login_widget_loggedin' ); ?>
    
    			<div class="bp-login-widget-user-avatar">
    				">
    					<?php bp_loggedin_user_avatar( 'type=thumb&width=50&height=50' ); ?>
    				
    			</div>
    
    			<div class="bp-login-widget-user-links">
    				<div class="bp-login-widget-user-link"><?php echo bp_core_get_userlink( bp_loggedin_user_id() ); ?></div>
    				<div class="bp-login-widget-user-logout">"><?php _e( 'Log Out', 'buddypress' ); ?></div>
    			</div>
    
    			<?php do_action( 'bp_after_login_widget_loggedin' ); ?>
    
    		<?php else : ?>
    
    			<?php do_action( 'bp_before_login_widget_loggedout' ); ?>
    
    			<form name="bp-login-form" id="bp-login-widget-form" class="standard-form" action="<?php echo esc_url( site_url( 'wp-login.php', 'login_post' ) ); ?>" method="post">
    				<label for="bp-login-widget-user-login"><?php _e( 'Username', 'buddypress' ); ?></label>
    				<input type="text" name="log" id="bp-login-widget-user-login" class="input" value="" />
    
    				<label for="bp-login-widget-user-pass"><?php _e( 'Password', 'buddypress' ); ?></label>
    				<input type="password" name="pwd" id="bp-login-widget-user-pass" class="input" value=""  />
    
    				<div class="forgetmenot"><label><input name="rememberme" type="checkbox" id="bp-login-widget-rememberme" value="forever" /> <?php _e( 'Remember Me', 'buddypress' ); ?></label></div>
    
    				<input type="submit" name="wp-submit" id="bp-login-widget-submit" value="<?php _e( 'Log In', 'buddypress' ); ?>" />
    
    				<?php if ( bp_get_signup_allowed() ) : ?>
    
    					<span class="bp-login-widget-register-link"><?php printf( __( 'Register', 'buddypress' ), bp_get_signup_page() ); ?></span>
    
    				<?php endif; ?>
    
    			</form>
    
    			<?php do_action( 'bp_after_login_widget_loggedout' ); ?>
    
    		<?php endif;
    
    

    @henrywright

    Moderator

    Can you show me where i should add this?

    You can’t just add the code ‘as is’. Because you’ll need the ‘mytextbox’ class on your input elements as mentioned here:

    Where mytextbox is a class belonging to your text input fields.

    You should check out these links:
    http://www.w3schools.com/html/
    http://www.w3schools.com/css/

    The tutorials will show you how to do the sort of stuff you’re looking to do quite easily.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Change TextBox Size’ is closed to new replies.
Skip to toolbar