Modal login and registration page customization

[alkross]

Hi, how can customize the Modal Login

i.e set the Facebook login with not at the top but before the login button?

In registration form the login with Facebook is full width
I try to set the class to
.kleo-fb-wrapper.text-center{width:50%}
but the css class is the same used in modal pop-up

Best regards

[sharmstr]

copy /kleo/page-parts/general-popups.php to your child theme and customize to your liking.

Put #buddypress in front of the css to isolate it to the registration form.

COPY CODE

#buddypress .kleo-fb-wrapper.text-center {
width: 50%;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[alkross]

Thank you but I didn’t understand how to move Login with Facebook under sign in button
Best Regards

[sharmstr]

Sorry. My mistake. The fb button is added using an action. Instead of copying the file, try this in your functions.php file

COPY CODE

 remove_action( 'kleo_before_login_form', 'kleo_fb_button', 10 );
 add_action( 'kleo_after_login_form', 'kleo_fb_button', 10 );

If that moves the fb button, but not exactly where you want it, then you will have to edit the page I gave you before. Good luck.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[alkross]

Thanks I had move the function in template page but this solution in better

[alkross]

Sorry, but the remove_action( ‘kleo_before_login_form’, ‘kleo_fb_button’, 10 ); doesn’t remove FB
Now I have two Facebook login buttons

[sharmstr]

Try this instead

COPY CODE

add_action( 'after_setup_theme', 'move_fb' );
function move_fb() {
remove_action( 'kleo_before_login_form', 'kleo_fb_button', 10);
add_action( 'kleo_after_login_form', 'kleo_fb_button', 10 );
}

You’ll have to sort out styling of the fb box when its on the bottom.

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts