Glad you like it. You should also add a size called “block” which is basically 100% width and goes the whole width of the column. You should also make it so the buttons are aligned in the center by default. It’s not an issue for me because I use visual composer and have created a 1/4 2/4 1/4 column layout and have the buttons 100% of the width of the 2/4 column but for people not using VC it might be useful if the button is center aligned.
I’ve added it.
size=normal or size=big as option for shortcode, and also updated the CSS per your instructions, updated plugin in customer portal as well.
Glad you like it. You should also add a size called “block” which is basically 100% width and goes the whole width of the column.
By default the button container is set to width: 100% / auto. 100% of its container. So setting width=xx 300px for example will limit width. But default, width is 100%
So.. width=xxx to control width (Default: 100%) size=normal or big .+NEW CSS updated. That’s it for now 🙂
Yeah I just thought you were changing it over to button sizes of small, mediumm, large but if it is staying 100% width by default then no need for that option.
Is there a way to add these social buttons to the register login form without editing php html templates yet?
Well, you can use the Action Hooks to add this shortcode before fields, after fields, above form, etc. The issue is that I do not want to go too advanced in options, that’s where actions come to play. You can use action hook to add the social buttons without editing any core file or template 🙂
Lol I think you overestimate my techincal knowledge of WordPress. CSS is my level at the moment 🙁 Never worked with action hooks before and I have no idea how to add one. Hopefully a kind member of the community with share what they did to get this new feature to appear just below the header in the register/login form. If not I will wait until you create the new designs with social buttons at the top of form.
Oh I thought you already know how to use Action Hooks in WordPress, apologies. I’ll create a tutorial for doing it soon when I come back 🙂
No the only way I can think of doing it with my capabilities would be to hide the header using the CSS below and then create my own header with my theme which would go above the social shortcode. But Im not sure if using that CSS would result in other important stuff disappearing such as the profile header.
}4 years, 11 months ago MohammedParticipant
Great work guys!
@ahmed I managed to create a work-around by hiding the register heading using no_header=true in the shortcode. I then created a header with my theme that looks very similar, then I add the social connect button shortcode above the register shortcode. Pretty much looks the same apart from the “already a member” text not being there. This was the end result:
Looking very nice! 🙂 Wow!
Ahmed would you be able to update docs and provide some instructions on how to custom redirect twitter and google+? Using the custom redirects page in the backend I have set up a redirect to a welcome page when someone first registers and then everytime they login in the future they are redirected to a different custom page.
The redirects I have set up work with Facebook login but not with Twitter (Don’t think I am going to use Google+ on my site). Please let me know if this is possible otherwise I will probably have to remove twitter login as well.
Hi peem, It’s possible to setup custom redirect for Twitter and G+, these are being developed in the plugin already. They will be options in the backend that set the redirect after twitter/google+ login , please stay tuned for my update
Great! Can you please provide 2 options like you do with the other custom redirects. 1 for redirect after registration and 1 for redirect after login. The reason for this is I have a sort of welcome page which lets users know some important information about site plus T&Cs but obviously I only need this to be shown when they register and not everytime they login.
If you could do this that would be perfect!
You must be logged in to reply to this topic.