customizing Pop Up Login Box

[Norman]

How can i add a custom grafic to the Log in Pop Up box ? ( see attached screen shot )

and how to add ONEALL social login ( usually added with a hook to all Login Widgets, but they don’t
appear when using the Log in in the top menue that pops up)

Attachments:

You must be logged in to view attached files.

[sharmstr]

put this in functions.php

COPY CODE

/* Add social login to Kleo login modal */
add_action( 'kleo_before_login_form','add_social_to_login_modal' );
function add_social_to_login_modal() {
	
     do_action('oa_social_login');

}

You can also insert your image with that if you want.

If you dont want to do it that way, then edit /page-parts/general-popups.php

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

[Norman]

@sharmstr

thx sharmstr. it integrates oneall, but I have a problem with the layout please see screenshot.

any idea how to improve that ?

Attachments:

You must be logged in to view attached files.

[sharmstr]

From what I remember when I installed it, I had to edit the html on the oneall side.

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

[Norman]

@sharmstr.
ok thx!! will check with ONEALL

[Norman]

@sharmstr

this is a final information for all KLEO users facing the same issue. If you want to display the ONE ALL SOCIAL LOGIN ICONS in the Kleo Pop Up login screen, you need to:

1. Add this code to your WordPress stylesheet:

.oneall_social_login_providers {
height: 100px;
overflow: hidden;
}

2. Add this to your functions.php

/* Add social login to Kleo login modal */
add_action( ‘kleo_before_login_form’,’add_social_to_login_modal’ );
function add_social_to_login_modal() {

do_action(‘oa_social_login’);

}

[Norman]

COPY CODE

/* Add social login to Kleo login modal */
add_action( 'kleo_before_login_form','add_social_to_login_modal' );
function add_social_to_login_modal() {
	
     do_action('oa_social_login');
 
}

[Norman]

COPY CODE

.oneall_social_login_providers {
    height: 100px;
    overflow: hidden;
}

[AxiomaX]

Super… Thanks a lot of!

[mike444]

@norman thanks a lot for going through the trouble of posting the complete solution for everyone. Worked great for me! Thank you!

[Author]

Posts