- This topic has 41 replies, 5 voices, and was last updated 4 years, 4 months ago by
.
-
Posts
-
Dear Friend, I am trying to help as much as I can. codes are not magic. there is a limit and we can't extend it further if it reaches the boundary. I would suggest you to hire a developer who can create a custom form as per your desires. we are using BuddyPress for the registration thing and it has not the feature to add the place holder. the description will appear below the box. i can provide a custom code but that will work for this registration page. if you are going to create 10 registration form then i am not going to write 100 lines of codes for that 10 register forms.
use this extra css to achieve your desires. p.field-visibility-settings-toggle{display: none;} form#signup_form ul li:nth-child(2){order: 5 !important;} form#signup_form ul li:nth-child(5){order: 4 !important;} .bp-profile-field select#field_34 {width: 100%;} refer: http://prntscr.com/pye4s4
you can remove the checkbox from the wp-admin >> user >> profile fields. then try this code. Please add this code in your wplms-customizer.php file in wplms customizer plugin by using your FTP/SFTP/cpanel: copy code from here: https://gist.github.com/madhvendras84/7d46291b5839918b211436ab3ea6b682 i have updated the code now it will appear like this: http://prntscr.com/pye9nn please let me know if i misunderstood anything.Dear Friend, add these codes into the custom css. .wplms_registration_form li.termsOfUse>a, .wplms_registration_form li.AlreadyAccount>a {color: #007791; font-weight: 400; font-size: 15px;} .wplms_registration_form form#signup_form ul li.termsOfUse{order: 6 !important; margin: 8px 0;} form#signup_form ul li.AlreadyAccount{order: 7 !important;} li.termsOfUse{border-bottom: 1px solid #808080a3;} .bp-profile-field input, .bp-profile-field select, .wplms_registration_form input { border: 1px solid #808080a3 !important; height: 40px; border-radius: 5px;} .wplms_registration_form a.submit_registration_form.button { width: 100%; color: white; text-align: center; font-size: 15px; background: #ec5252; } .wplms_registration_form a.submit_registration_form.button:hover{ color: #fff; background-color: #992337; border-color: transparent; } refer: http://prntscr.com/pz0p8sThis was the code i put into the customizer.php. add_action('wplms_before_registration_form',function(){ ?> <li class="termsOfUse"> By signing up, you agree to our <a href="/terms/" target="_blank">Terms of Use</a> and <a href="/terms/privacy/" target="_blank">Privacy Policy</a>. </li> <li class="AlreadyAccount"> Already have an account? <a href="#">Log In</a> </li> <?php });
what have you done: http://prntscr.com/pzespf i have told you to put all css in wp-admin >> apearance >> customize >> custom css. this is the only place we suggest to write codes. this will be saved in the database. i have already written the codes in a manner to prevent the conflict with the other wplms forms so dont tell me you are using these css for a perticular post/page.
tell me exact location where have you written these codes. i will take care of this. this became a mess. other codes are not applygin. refer: http://prntscr.com/pzev4rBrother, Yes, that's what I meant, sometimes I feel irritated by writing the same code again and again. for the links of this edit the code in customizer. refer: http://prntscr.com/pzxkdr
for the register page, I have to write those frustrating codes again. i would suggest you to remove all codes I provided above, only css codes not in customizer. finalize your registration page then let me know. I will write those codes again :( your credentials are changed, i cant login: https://share.getcloudapp.com/JruwrqDY
create 3 different pages for registration. 1: in login popup box here: http://prntscr.com/pzxmbl- for this section: http://prntscr.com/pzxmjc
do as suggested, else i will be dead this time. you won't understand, this is very hard to deal with the same code and make you understand by writing 100 lines every time.Hello, for this section: https://prnt.sc/pzxmjc create a new shortcode with your desired fields. finalize everything in one shot. remove every CSS provided by me above then I will write new codes. this will be the final fix. after that no more changes.Hello, this is the final code. paste this only in wp-admin >> appearance >> customize >> custom css. .wplms_registration_form form#signup_form ul li.termsOfUse{order: 6 !important; margin: 8px 0;} form#signup_form ul li.AlreadyAccount{order: 7 !important;} li.termsOfUse{border-bottom: 1px solid #808080a3;} .bp-profile-field input, .bp-profile-field select, .wplms_registration_form input { border: 1px solid #808080a3 !important; height: 40px; border-radius: 5px;} .wplms_registration_form a.submit_registration_form.button { width: 100%; color: white; text-align: center; font-size: 15px; background: #ec5252; } .wplms_registration_form a.submit_registration_form.button:hover{ color: #fff; background-color: #992337; border-color: transparent; } .wplms_registration_form li.termsOfUse a, .wplms_registration_form li.AlreadyAccount a {color: #007791 !important; font-weight: 400; font-size: 15px;} .wplms_registration_form li.termsOfUse , .wplms_registration_form li.AlreadyAccount {text-align: center;} p.field-visibility-settings-toggle, .bp-profile-field span.bp-required-field-label{display: none;} .bp-profile-field input,select#field_34 {width: 100%;} .bp-profile-field legend{ border: none !important; margin-bottom: 0px !important; font-size: 14px; font-weight: 600; } .wplms_registration_form form#signup_form ul{ display: flex; flex-direction: column; flex-wrap: nowrap;} .wplms_registration_form form#signup_form ul li:nth-child(3) {order: -1;} refer: http://prntscr.com/q1owf6
- The topic ‘Registration page setup’ is closed to new replies.