@ivangneiding
Hi Ivan, I have the Flarum integration working very nicely on a site and can likely make a suggestion here.
You need to use the Chrome Developer tools to figure out how to fix this, and then add a little custom CSS to your Wordpress theme that controls the display details of this popup.
Steps:
1) activate the popup
2) put your cursor over a section in the pop-up, and right-click your mouse button
3) look in the CSS details in the Developer tools area for "where you are in the CSS" details
4) activate the pointer thing on the top-left of the Developer tools, so you can point at things in the pop-up and move around in the CSS file in the Dev panel
5) do this towards the top of the pop-up so that the entire login pop-up is highlighted
6) in my CSS< I now see a section that is labeled: #login
The code there is:
#login {
width: 314px;
padding: 5% 0 0;
margin: auto;
}
You can adjust the width pixels by entering a number or by highlighting it and using the down-arrow to reduce the width, as it will lower the pixels number for you.
When you have determined what width should work correctly, then add code that looks like this to your Custom CSS section in the WP theme, however that works for your theme:
#login {
width: 250px !important;
}
The !important designation will force this setting over the default width.
After saving the Custom CSS with this update, check how it looks.
Another option is to add a max-width: 250px; setting instead of changing the width number.
I understand that to be an overall limit that works even if the width setting itself is higher.
SECOND suggestion.
You can also right-click and inspect the area of just the login fields themselves.
You should then see a CSS area labeled as
.login form
followed by a section with parameters between a starting { and ending }.
You can also play with these details in the Dev tools panel to see if you would want to fine-tune anything else there.
One word of caution: you have to be careful with CSS overrides as things may end up working or looking differently on different screens, phone, tablet, desktop, different screen resolutions and magnification, browser zoom settings, etc.
So generally speaking, it seems that fewer direct overrides are more prudent.
Hope this helps for your situation.
ONE more thing: Clark's forum integration with Wordpress is terrific indeed. I have suggested that he should see if he can get the plugin part published on Wordpress.org to get more visibility in the pure WP world.
Have fun!
