By James A. Parker on Wednesday, 06 April 2022
Posted in EasySocial
Likes 0
Views 891
Votes 0
I was finally able to change the background image used in the easySocial Login through the use of the custom.css function.
But after expanding all the files that are downloaded for installation of easySocial, I was unable to find any files that included some of the css classes that are displayed when looking at the source code (except for the actual css file itself).
One example is the css class name "es-login-box" which is displayed in the browser Developer Tools but can only be found in the .css file and NOT in any .php or other file that is included in the easyblog zip file that is downloaded from the stackideas website.
Obviously, such a file exists somewhere.
Can you please provide me with the location of that file?
Thanks,
Jim
This is the file output of the login page.

JoomlaFolder/components/com_easysocial/themes/wireframe/helpers/html/login.php
·
Wednesday, 06 April 2022 13:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Actually, the CSS part is coming from this file JoomlaFolder/components/com_easysocial/themes/wireframe/styles/style.min.css but may I know what you want to change from your login background styling?

Basically you can use the following CSS to override the styling as what you want.


body #es .es-login-box {
/* add your styling here */
}
·
Wednesday, 06 April 2022 11:10
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for your reply.
Yes, I understand that css can be used to change the image. I have done so as indicated in my previous post.

So my question is not one of how to display a different background image.
Based on the information I have, it seems that the actual formatting coded is not coming from any php, json, or other file that is being downloaded in the easySocial installation package. I say this because I cannot find the code that is displayed in the browser page source window related to the actual display of the login code/snippets.

If that code is not included in the downloaded installation package, where is that code being downloaded from?

For example: view-source:https://stage.japantouring.com/en/login

LINES: 1285-1292

<div class="es-login t-lg-mb--lg" data-dashboard-guest-login>
<div class="es-login-box" style="background-image: url('https://s3.amazonaws.com/es.assets/default_1.jpg');">
<div class="o-row">
<div class="o-col--6">
<div class="es-login-box__msg">
<div class="register-wrap">
<div class="es-login-box__msg-title">
Don't have an account yet? </div>

1. Doing a search of the downloaded installation files for "es-login-box" results in a zero response. In other words this section of coding is not included in the files that I download from stackideas apparently. IF NOT, there is the code being retrieved from and included in my website? Is this code included in an encrypted file or being retrieved from a stackideas server?
2. Also why do I need to use the extra loading time to install the easySocial background image when it is not being used in my website?

Looking forward to your reply.
Regards,
Jim
·
Wednesday, 06 April 2022 11:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you for sending me the file location. Using the directory search of Notepad++ numerous times failed to target that file.
Again, thanks,
Jim
·
Wednesday, 06 April 2022 20:14
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome.

Just for your information, I have locked and marked this thread as resolved to avoid confusion in the future. Please start a new thread if you have any other issues in the future so it will be easier for us to manage your inquiries.

Thanks for understanding.
·
Thursday, 07 April 2022 09:06
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post