Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter momomaster

    (@momomaster)

    I am sorry,I think my question was not clear,I just want to change the profile form
    from

    E-mail*
    [________________]

    Password*
    [________________]

    Repeat Password*
    [________________]

    [Update]

    change to

    E-mail* Password* Repeat Password*
    [________________] [________________] [________________] [Update]

    Thanks!

    Hi,

    You will need to use .css to customize the look of the form.

    Take a look into this add-on: Placeholder Labels.

    Best regards,

    Thread Starter momomaster

    (@momomaster)

    Thanks for reply,I use wordpress 4.0 and I’ve installed Placeholder Labels,It seems need Edit-profile Form after trying your site demo,I used a free version,I cannot find where is it.Does a free version has a Edit-profile Form?Thanks!

    Hi,

    The latest version of WordPress is 4.5.3. Please updated to the latest version.

    To create an Edit Profile Form you will need to use the [wppb-edit-profile] shortcode inside a page.

    The list with all the shortcodes.

    Best regards,

    Thread Starter momomaster

    (@momomaster)

    Hi,
    The form now display like this:

    Origin Form

    After tried too many times,I still don’t know how to let the form display like this:
    The Form What I Want

    Does Placeholder Labels has an option can let email,password,repeat password and update button place in 1 line?If does not,is there another way to do that?I took too much time to solve this problem,but I still do not find a good solution,thanks!

    Hi,

    Install a free plugin called Simple Custom CSS. After you install and activate it go to Appearance -> Custom CSS -> Add the code below:

    .wppb-user-forms {
    	position: relative;
    }
    
    .wppb-user-forms ul {
    	margin-right: 150px;
    }
    
    .wppb-user-forms ul:after {
    	content: '';
    	display: block;
    	clear: both;
    }
    
    .wppb-user-forms ul li {
    	width: 33.3333%;
    	float: left;
    }
    
    p.form-submit {
    	position: absolute;
    	right: 0;
    	top: 0;
    }

    Let me know if it works for you.

    Best regards,

    Thread Starter momomaster

    (@momomaster)

    It works,but I need to adjust a little position for my theme,whatever,I think I can fix it!Thanks too much!

Viewing 7 replies - 1 through 7 (of 7 total)

The topic ‘Change the profile css help’ is closed to new replies.