Hello,
after searching the documentation and the entire installation, I cannot find, how to alter the "Sign In" menu item and corresponding page (or modal popup?), a user gets redirected to after clicking.
Thank you.
Staff replied
Templates
Unei Menu "Sign In"
15 replies
Oliver Asked this
No answer?
Oliver Asked this
Could anyone please react to this question?
Rashida Rahman Staff
Hi there!
Please take my apology for the delayed response.
You will find a login module in your Joomla backend, login/logout redirection links can be assigned there as per your need.
If you want to change the image of the modul login then you can use the following code as sample and put in your custom CSS:
.sp-custom-login #login .login-bg-img {
background-image: url(../images/login-image.png);
}Please use your own image link from the media in the above code.
Note: Path towards custom CSS(Joomla 3): Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.
Best Regards
Oliver Asked this
Thank you for your answer.
Your description shows my problem exactly.
I don't have a redirection like shown in your screenshot.
Mine looks like this:
https://prnt.sc/kjc7E2xUlTa5
I don't get the connection to the "About us" page.
So I don't know, how to change the login page.
Oliver Asked this
And my initial question regards this - how to alter this text "Sign in"?
https://prnt.sc/5bpc4dXr7eaU
Rashida Rahman Staff
Hi,
You have to click on the select option there, then you will get the choices. https://prnt.sc/kjc7E2xUlTa5
To change the text 'Sign In' Please go to this location: /language/en-GB/en-GB.tpl_unei.ini
And open the 'en-GB.tpl_unei.ini' file with a text editor, find the Sign in text and replace the text with your own word. Here is screenshot for your ease:
Best Regards
Oliver Asked this
Thank you very much for the .ini file info.
This works fine :-)
I do understand "You have to click on the select option there, then you will get the choices. https://prnt.sc/kjc7E2xUlTa5"
But the login popup, which is in place right now, must be somewhere.
Can unreveal its location or how to alter it?
On my mobile phone, I don't get the login part, by the way...
Rashida Rahman Staff
Hi,
You're welcome:)
In my first respone I have given you CSS code to change the image on the popup. The template has implemented style of the login popup differently and it is within the PHP code. That is why I have given you CUstom CSS as it's easier to implement and track.
The main PHP file is: /templates/unei/html/mod_login/default.php
However, the special classes for this login module are used within 3 files. Here is the screenshot:
PHP code customization is on your hands only. Hope this helps anyways.
Best Regards
Oliver Asked this
Thank you very much.
I tried the CSS code and it didn't work, I'm afraid.
And as I said, on mobile phone, I don't get any login at all, but just the all grey sample image.
Rashida Rahman Staff
Hi there!
Where did you put the custom CSS, please? Can I have your admin access to check?
Best Regards
Oliver Asked this
Certainly.
Thank you.
Oliver Asked this
Seems, like I was forgotten...
Rashida Rahman Staff
Hello,
I am really sorry Oliver for the unwanted delay:(
I have checked your admin area and your custom.css file has the same code that I had shared with your at first. I was suggesting you to use your own image link there, not the exact one from example. Here is what i saw in your file:
https://prnt.sc/mB5LCvRpBGIZ
Then I have choosen a image from your Media:
https://prnt.sc/JQ0ntV6lVGPZ
And opened the image in a new window to get the image link: https://prnt.sc/wwJZiVTqkY5b
Then I have used that link into the previous code as follows:
https://prnt.sc/C8N1sGy6fJsy
You might see the new image in the login popup now. And you can change the image with your desired one this time I wish.
Have a nice day!
Best Regards
Oliver Asked this
Thank you very much.
It works on a PC just fine.
I hate to annoy you further, but it doesn't work on a mobile phone.
As a matter of fact, there is no login screen at all, just the grey placeholder.
Can you have a look?
Unfortunately, mobile is most important these days...
Rashida Rahman Staff
Hello,
You're welcome and thanks for your patience. The image is getting full height in the mobile view, so if you shorten the height of the image then it will be fine I hope. Here is the code for your mobile view:
@media (max-width: 767px){
.sp-custom-login #login .login-bg-img {
height: 50% !important;
}
}I have used 767px as starting point for this code. If you need to start this for higher resolution then you can use that pixel value instead.
Have a nice day!
Best Regards
Log in to reply.