[antoniokenaz1]

Hello, good afternoon.
I would like to request your support. My login page displays strange behavior when I insert the [tutor_login] shortcode. The username and password input fields appear shorter than normal. When the page first loads, they briefly show at their correct size, but within a few milliseconds they quickly compress, causing the login form to look incorrect.

I have already cleared the cache and deactivated caching plugins, but the issue persists. Please assist me as soon as possible. This is the page where the bug occurs:

https://campusemprende.com/login/

Thank you in advance.

[serkan]

Hi there,

Thank you for your message and for sharing the login page URL.

I checked your page and I was able to reproduce the behavior you described: when the page first loads, the username and password fields briefly appear at their normal size and then “shrink” a moment later. This is caused by some global styling on the site that is overriding the default widths of the Tutor LMS [tutor_login] form fields.

You can fix this with a small CSS override. Please add the following code to your site:

/* Keep Tutor LMS login form fields at full width */
.tutor-login-form .tutor-form-control,
.tutor-login-form input[type="text"],
.tutor-login-form input[type="email"],
.tutor-login-form input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
}

You can add this via:

Appearance → Customize → Additional CSS
(or Theme Options → Custom CSS, depending on your setup).

After saving, please clear any cache (plugin and/or server-side cache) and reload the login page. The fields should keep their normal size and the form should display correctly.

Best regards,
Serkan

[antoniokenaz1]

Hello, good afternoon. I added the CSS following the instructions you provided in the ticket. I cleared and deactivated the cache plugins, but the change is still not visible on the login screen. I would appreciate it if you could run a test on your side to verify the update to the login page.

Best regards.
I left the CSS in the specified path so you can confirm that I did it correctly, but it did not work.

[serkan]

Hi,
Could you please check it out? If you still have the issue, please take a video, host it somewhere and share the video url with us.
Thanks

[antoniokenaz1]

Hello, good afternoon. I’m attaching the video so you can see the error. If you notice any slowness in the video, it’s not because the site is slow, but because I edited the video in slow motion so the exact moment when the inputs compress can be clearly seen.

I would really appreciate your help, as I’ve been dealing with this issue since last week and the solutions provided so far haven’t worked.
Here is the video: https://campusemprende.com/wp-content/uploads/2025/12/bug.mp4

[antoniokenaz1]

Hello, good morning. I would like to know if there is any update regarding my request. It has been quite a long time and I still haven’t received a response. I am seriously considering leaving a negative review on the ThemeForest page if this issue is not addressed soon.

[serkan]

Hello,

Thank you for your follow-up, and we sincerely apologize for the delay.

We reviewed the video you shared and we can clearly see the issue: the fields render correctly at first and then compress shortly after page load. This typically happens when a global style or a script applies a layout change after the initial render, so it requires a deeper technical check.

We have now forwarded your case (including the video and page link) to our development team for investigation. We’re treating this as a priority and will get back to you with an update as soon as we have findings and the next steps.

Thank you again for your patience and understanding.

Kind regards,
Serkan

[antoniokenaz1]

I kindly appreciate your support. Through this message, I would like to request that any changes to be implemented be carried out on the aulamy.com domain. The same user account and password are registered under this domain to perform the corresponding adjustments.

Thank you very much.

[serkan]

Hi there,

Thanks for the update.
We’ve already replied to your request in the new forum topic you created. Please check our response there and continue the conversation in that same thread so everything stays tracked in one place:
https://www.pixelwars.org/forums/topic/request-to-update-domain-and-licenses/

Kindly make sure all requested changes are applied to aulamy.com as you mentioned, and if the developer needs anything else, they will ask you directly in that topic.

Best regards,
Serkan

[antoniokenaz1]

Hello, good morning. It has already been quite some time and I still haven’t been given a solution. Is it really that complicated to fix a form, or should I hire a developer to do it and you cover the cost? What exactly is it that I’m supposed to do?

[serkan]

Hello Antonio,

Thank you for following up — I’m sorry this has taken longer than expected.

We can clearly see the issue from your video: the fields render correctly first, then a script/style applies after load and compresses them. Because this is happening after page load, it requires a deeper developer-level investigation.

Fastest workaround (recommended until we deliver a permanent fix):

Please avoid using the [tutor_login] shortcode on an AJAX/animated page.

Instead, use Tutor LMS’s default login page/template (or a normal WordPress page without AJAX transitions) for the login screen.

This will keep the login form stable and working immediately.

In parallel, I have forwarded your case (page link + video) to our developer team so they can identify exactly which global style/script is causing the post-load shrink and provide a permanent fix.

Thanks again for your patience.

Kind regards,
Serkan

[antoniokenaz1]

Urgent: Login Page Layout Issue Affecting User Experience
Hello,

Thank you very much for your support. After following your steps, I was able to correctly configure the Google login. The issue was that I had another related domain, which is why it was not opening correctly before. I truly appreciate your help with that.

However, the problem I am currently seeing is that the login layout appears to be broken. It is showing the same behavior as the input fields issue described in the open ticket: “Login Page Layout Compression Issue When Using [tutor_login] Shortcode.” The layout is also being cut off, which creates a poor user experience.

I would like to clarify that you mentioned I am using the shortcode, but that is not the case. I am using the main Tutor LMS dashboard page as the login page, which is:
https://aulamy.com/dashboard/

From this page, users are able to log in. Please let me know if this is the correct way to implement the login, or if there is a recommended approach that I should be using instead.

I kindly ask for your urgent assistance in resolving this issue, as some users will begin registering soon, and this could negatively impact their experience.

Thank you in advance for your prompt support.

[serkan]

Good morning,
Thank you for the details.

I noticed you also posted the same layout issue as a reply in another forum topic (the Google sign-in modal thread):
https://www.pixelwars.org/forums/topic/issue-with-google-sign-in-modal-on-login-page/#post-96028

To avoid any confusion and keep everything organized, I’ve already replied there and I kindly ask that we continue the discussion in that same topic going forward. This way, we can track all steps and updates in one place and resolve it faster.

Thank you for your understanding.
Best regards,
Serkan

[antoniokenaz1]

Hello, good morning. The problem persists. I am attaching the image again so you can take a closer look and clearly see that the inputs and the Google login button appear incorrectly. I demand that you either help me resolve this issue or refund my money so I can purchase a theme that actually works and provides proper support.
https://ibb.co/pBQHn5wc

[serkan]

Hi,
I will forward this request to our developer and i will keep you updated.
Thanks

[ahmetsali]

Hi, you can try this custom CSS code:

.tutor-login-form-wrapper input {
    max-width: none;
}

Cheers.