By Michael on Wednesday, 25 October 2017
Posted in General
Replies 16
Likes 0
Views 466
Votes 0
Hello Mark & Team,

Thanks for the new look ES. Really great.

I just have issues as a result of the update.

1. Please see attachment for misaligned menu

2. Login Layout - Background image doesn't show on mobile devices.
Hey Michael,

Thanks for your kind compliments! Please find my response to your inquiries below:


1. Please see attachment for misaligned menu

Hm, it looks like your screen area is actually too small and this is why it overflows out You should try to increase the width of protostar's container. Here is something that you can try,

[gist]
body .container {
max-width: 1280px;
width: 1280px;
}
[/gist]

Add this into the file /templates/protostar/css/user.css . If the file doesn't exist, you could create it.


2. Login Layout - Background image doesn't show on mobile devices.

Hm, we actually designed it to be this way so that it would be clear for your users. Rendering the background image on a mobile device most of the time doesn't really make sense because your login form is already covering 3/4 of the image
·
Wednesday, 25 October 2017 20:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Mark,

It's been ages! ahhhh! ok great! thanks.

About the mobile background, can you point me to the file so i can atlas change the colour? its too dark for our users if you know what i mean

Many thanks again.
·
Wednesday, 25 October 2017 21:28
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

Yep! You can add the following block of css codes into the same user.css to change the color

[gist]
body #es .es-login-box {
background: #fff;
}
[/gist]

You need to replace #fff with your desired color
·
Wednesday, 25 October 2017 22:07
·
0 Likes
·
0 Votes
·
0 Comments
·
O no the white is perfectly fine.

It's the rather blackish one am keen to tone bit - see attached. We don't wanna be looking too dark to potential users:D

Thanks

Michael
·
Wednesday, 25 October 2017 22:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Ah I see. Not a problem at all
·
Wednesday, 25 October 2017 22:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark - unfortunately the customised option didn't work - I'll keep trying hopefully i find a work around:D

Well thanks for you help as always.

Kind regards

Michael
·
Thursday, 26 October 2017 20:40
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

May I know which particular code isn't working for you?
·
Thursday, 26 October 2017 21:08
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Thanks for reaching out. I tried creating the user.css file and inserted the codes as suggested above but no luck

It means menus are still somewhat displaced on user profile page. Any possible patch from your end will be super duper appreciated.

An aside, pretty loving the ES 2.1 built - you guys should consider diversifying to mobile apps too. I'll be your number 1 fan then.

Cheers!

Michael
·
Thursday, 26 October 2017 21:50
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

Ah sure, but I can't see anything in the ftp This is all I can see here from my end, http://take.ms/vktNY
·
Thursday, 26 October 2017 22:26
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

That's because i deleted it when i saw no effect

I've now recreated the user.css file - if you check you'll see it now.
·
Thursday, 26 October 2017 22:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

I think the ftp account is incorrect because I don't see any files once I am logged in. I only see a .ftpquota file . Can you try that account out?
·
Thursday, 26 October 2017 22:46
·
0 Likes
·
0 Votes
·
0 Comments
·
Ahhh! You're right Mark.

I've fixed now so you can use the same login details.

Please note the template is the "Ekobridge" template.

Thanks a bunch!

Michael
·
Thursday, 26 October 2017 23:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey Michael,

Ah okay I see the problem. It looks like you duplicated the protostar template to ekobridge but the following code has been removed from your ekobridge template's index.php file,

[gist]
JHtml::_('stylesheet', 'user.css', array('version' => 'auto', 'relative' => true));
[/gist]

This is why the user.css isn't being rendered. I have added it back into the template's index.php file now
·
Thursday, 26 October 2017 23:11
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks Mark!

Amazing - Can't thank you enough.

Kind regards,

Michael
·
Thursday, 26 October 2017 23:32
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome Michael
·
Thursday, 26 October 2017 23:38
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post