intergrating social login plugin with kleo login

This topic has 35 replies, 6 voices, and was last updated 9 years by r.ciaramaria.

Author
January 23, 2015 at 10:45 #43151

connectclever
Participant

hello,

working on this site: http://www.connectclever.com

i have installed social login plugin, it is showing up in the registration page but not in the kleo login pop up.

how do i put this in?

also i am using the wmpu dev membership plugin. i have set it so that only people with an invite code can access this site. however when i use social plugin to register it just makes the account and bypasses the invite! is there a work around for this?

Cheers

January 23, 2015 at 13:16 #43160

Radu
Moderator

Hello,

You can add you preffered content in that popup editing this file : wp-content/themes/kleo/page-parts/general-popups.php ( see screenshot )

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

What support service includes ? What not ?

Attachments:
You must be logged in to view attached files.

January 23, 2015 at 13:34 #43174

connectclever
Participant

ok thats got me a little further!

when i click on the login button now it directs me to backend login not the pop up?

directing here:

http://www.connectclever.com/wp-login.php?redirect_to=http%3A%2F%2Fwww.connectclever.com%2F

January 23, 2015 at 13:50 #43178

Radu
Moderator

What code you pasted there ?

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

What support service includes ? What not ?

January 23, 2015 at 14:08 #43181

connectclever
Participant

i just copied your code in the screen shot :/

January 23, 2015 at 14:15 #43183

Radu
Moderator

Please provide ftp and admin details, i will take a look.

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

What support service includes ? What not ?

January 23, 2015 at 15:09 #43196

connectclever
Participant

This reply has been set as private.

January 23, 2015 at 16:57 #43207

Radu
Moderator

Done, now you can style as you wish

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

What support service includes ? What not ?

January 23, 2015 at 17:07 #43213

connectclever
Participant

awesome thank you so much!

January 23, 2015 at 19:10 #43238

connectclever
Participant

hi sorry to re-open this!

i thought i could solve it myself but i cant! in the login box i see the social login section but its not centred :/

could you have another look at it please?

many thanks!

January 26, 2015 at 13:31 #43439

Radu
Moderator

Hello,
is centered now.

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

What support service includes ? What not ?

January 26, 2015 at 23:19 #43508

lovewp
Participant

@Radu I would like to implement the same login, since the conversation was private, can you explain please?
February 1, 2015 at 13:42 #44269

sharmstr
Moderator
@connectclever Not sure if you noticed this or not, but if you have social login set to use the social network avatar, the members avatar will not display correctly in the main menu. I’ve narrowed this down to the fact that SL (social login) does their own filtering routines of BPs get_avatar. In the main menu, Kleo uses the html=false argument to so it can add a class to the avatar which makes it rounded, but more importantly, removes the border. In any case, I’ve contacted the developers of SL and asked them that they support html=false. Its a standard/supported BP arguments, so seems to me they should respect it.

In the meantime or if they decide not to support it, you can use the attached code in your functions.php file.

And this in your child css
COPY CODE
```
.kleo-avatar-menu img {
	border: none !important;
}
```
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

Attachments:
You must be logged in to view attached files.
February 2, 2015 at 14:41 #44344

connectclever
Participant

thats great! thank you for noticing!

i think there is a small problem with the boarder?

anything you can do there?

February 2, 2015 at 15:16 #44349

sharmstr
Moderator

the css I gave you takes care of the border.

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

February 2, 2015 at 15:22 #44350

connectclever
Participant

oh right, looks to be quite think when on the black bg

well either way its sorted !

cheers for all your help

March 4, 2015 at 18:14 #48766

connectclever
Participant

hello,

sorry to reopen this!

could you take another look please as its not lining up again. i think something changed when i switched servers!

Thanks so much!

March 6, 2015 at 13:26 #48953

Radu
Moderator

Hello,

Have you solved this ?

I looked at your site and i see the social connect plugin working.

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

What support service includes ? What not ?

March 10, 2015 at 13:43 #49474

connectclever
Participant

yep all sorted thanks guys

September 24, 2015 at 00:10 #79240

szmek9
Participant

thanks for tips. I want this social login to be centered and lower. How to do that ?

Attachments:
You must be logged in to view attached files.

September 24, 2015 at 18:05 #79351

Radu
Moderator

Hi szmek9,

Please provide me link to your website.

Regards

Radu

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

What support service includes ? What not ?

September 24, 2015 at 18:54 #79360

szmek9
Participant

http://www.bimv.pl
September 24, 2015 at 19:55 #79381

Radu
Moderator
Hi,

Add this CSS to Theme Options -> General Settings -> Quick CSS
COPY CODE
```
div.footer div#branding {
    display: none;
}

.oneall_social_login {
    height: 88px;
    margin: 0 auto !important;
    text-align: center !important;
    position: initial;
    padding: 0 24%;
}
```
Let me know if is ok

Best REgards

Radu

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

What support service includes ? What not ?
September 24, 2015 at 20:42 #79389

szmek9
Participant

Yeah ! It’s great now ! Thanks a lot

September 24, 2015 at 20:46 #79391

szmek9
Participant

Sorry, another problem. Position is great but link below is still visible. …

Attachments:
You must be logged in to view attached files.
September 25, 2015 at 16:12 #79491

Radu
Moderator
Hi again,

Add this see if it works.
COPY CODE
```
.plugin .footer #branding a {display:none !important;}
```
Regards

RAdu

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

What support service includes ? What not ?
September 25, 2015 at 16:24 #79493

szmek9
Participant

It didn’t work.
Can you fix it, since you have wp-admin credentials from other topic I wrote to You ? my page is http://www.bimv.pl
I don’t know if I added it correctrly so I attach txt file with Quick CSS code I entered.

Attachments:
You must be logged in to view attached files.

September 25, 2015 at 19:43 #79508

Radu
Moderator

Hi,

Provide wp credentials here and mark reply as private.

Best REgards

Radu

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

What support service includes ? What not ?

September 25, 2015 at 22:23 #79532

szmek9
Participant

This reply has been set as private.

September 28, 2015 at 19:18 #79758

Radu
Moderator

This reply has been set as private.

October 5, 2015 at 16:39 #80914

szmek9
Participant

This reply has been set as private.
October 5, 2015 at 17:48 #80952

Radu
Moderator
Hi,

It’s ok now.

I used this CSS
COPY CODE
```
.oneall_social_login {
    height: 88px;
    margin: 0 auto !important;
    position: initial;
    padding: 0 24%;
    overflow: hidden;
    text-align: center !important;
}
```
Regards

Radu

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

What support service includes ? What not ?
October 26, 2015 at 14:06 #84232

r.ciaramaria
Participant

Hi Radu,
I’ve got the same issue can you please past me the code for the general-popups.php?

October 26, 2015 at 16:45 #84282

r.ciaramaria
Participant

Hi Radu,
I solved the issue with Social Login but I’ve got another with google captcha, I placed it in the login popup but how can I center it and insert a bit of padding bottom?

This is the site: http://www.riccardoacampora.com

Thanks
October 26, 2015 at 17:15 #84293

Radu
Moderator
Hi,
//Padding 20px top and bottom
COPY CODE
```
.bws_google_captcha {padding: 20px 0 !important;}
```
//Padding 20px only bottom
COPY CODE
```
.bws_google_captcha {padding-bottom: 20px !important;}
```
Cheers

Radu

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

What support service includes ? What not ?
October 26, 2015 at 17:16 #84294

r.ciaramaria
Participant

Thanks!
Author

Posts