Hi @girlpaint,
This social login button is not wpForo button. We have no idea why it doesn’t work and why it looks like that. It’s better to ask this question to the social login button provider plugin support. They should help you with some custom CSS code.
So you can’t help with customizing this plug-in or the files it contains?
We’re not the developers of this social login button, we don’t even know where it comes from and how it works. You should ask to customize “something” to the “something” developer. Because the developer of “something” knows own code.
It’s too hard for us but it’s too easy for the button developer.
I don’t even know how it ended up on the login page so I thought it part of wpForo options. Okay so is there a way to disable wpForo login altogether and instead redirect to the WordPress login?
This comes from some plugin, it’s better to find where it comes from.
I Think it comes from Nextend Social Login plugin, you should contact them or use other social login plugins. I’m sure there are toms of other social login plugins which works fine with wpForo.
Fine. understood. I’ll ask my last question again. How can I disable wpForo login altogether and instead redirect to the WordPress login?
Very easy. But it’ll not be nice. Finding other social login plugin is much easier.
Navigate to Dashboard > Forums > Settings > Features admin page and disable these options:
– Replace Registration Page URL to Forum Registration Page URL
– Replace Login Page URL to Forum Login Page URL
Then put these URLs to according fields of Custom Authorization URLs fiedls in Dashboard > Forums > Settings > Members admin page:
For login:/wp-login.php
For registration: /wp-login.php?action=register
Hm, I’ve tried that. Never seems to work once a user is “inside” the forum. The wpForo login always overrides those urls in these instances. So I guess that’s a no?
Just try again and delete all caches. It works on hundreds of forums so it should work on your forum too.
Okay I’ll explore my options. Thanks for you help.
FYI, here’s the response from my site’s social plugin support desk. So it seems WPforo is, in fact, part of the problem here:
We don’t have an integration for wpForo. The reason the social button show up in their form is that, they trigger an WordPress action – specifically the “login_form” action – where Nextend Social Login is also hooked, meaning that the social buttons will automatically appear in these forms.
Messed up button style:
The reason for the messed up style of the social buttons is that wpForo has some stronger CSSS that affects everything inside them including the social buttons, that that overrides our CSS.
So I assume earlier you added some even stronger custom CSS that fixed this problem, right? If you added the CSS directly into the plugin or your theme then yes, those modifications are lost each time you update the plugin. Actually we don’t recommend doing modifications on the plugin it self.
Instead you should add the custom CSS to either to the style.css of your child theme or to the customizer at WordPress > Appearance > Customizer > Additional CSS. In that way the CSS will be kept even if you update the plugin/theme.
Putting the social button to a custom place:
To make the social buttons appear above the username and password field, you will need a custom JavaScript code that moves the button to the desired location. Please note that we can not provide support for custom coding, but here is an example:
jQuery(document).ready(function(){
jQuery(‘.page-id-335 #nsl-custom-login-form-1’).prependTo(‘form .wpforo-login-content .row-0’);
});
The selector that appears in the prependTo() function will define where the social button will appear. If you would like to further customize it, you will need to inspect the HTML structure of your wpForo form.
Button alignment:
In each of our form integrations you can usually find a button alignment option
https://nextendweb.com/nextend-social-login-docs/global-settings-login-form/
which can be used for aligning the social buttons to left/center/right.
However the social button in this form is coming from the “Embedded login form”, which has a separate button alignment option that is only available via Nextend Social Login – Pro Addon.
On this forum we are only allowed to provide help for the Free version, so if you are a Pro Addon user or you have a question related to the Pro Addon, then please rather open a support ticket at: https://nextendweb.com/contact-us/nextend-social-login-support/?ref=https://wordpress.org/support/topic/social-logins-all-over-the-place/
Best regards,
Laszlo.
Thank you @girlpaint,
However, this still changes nothing. wpForo has own CSS code, that’s normal. All plugins have own CSS code and it always has some affection to 3rd party integrations.
If some small part of X plugin is integrated to a big Y plugin the solution for integration should come from X small integration part.
So they could adapt or add some CSS code to make the plugin compatible with wpForo. We’re not the button designer of this plugin, so the incompatibility issues can only be fixed by button designers (by the soc button plugin developers). Just ask them for a CSS code with !important statement or with deeper ID/Class tree to fix the style. Then put the code to either to the style.css of your child theme or to the customizer at WordPress > Appearance > Customizer > Additional CSS. In that way the CSS will be kept even if you update the plugin/theme.
I’m not willing to go in and start playing around with code – I’ve tried this sort of thing before and it’s been a time suck that I simply cannot afford plus I’m not convinced it would work. Instead, could you possibly recommend a plugin that does work (better) with wpForo? That would be very helpful.
Appreciated but are these compatible with wpForo?
