Okay, I figured out what is happening...
It's a combination of your image size/width/ratio plus Atums CSS.
- The image space is 300x70.4px.
- The max-height, set by Atum, is 70.4px (4.4rem).
- When your image is scaled to the max height and it still exeeds 300px width, your image breaks out of the logo container.
- The left white space is the left (and right) padding on the logo container.
All this together makes your image to appear to be aligned to the right.
(You would have noticed it even more if your image had a bigger width)
How to fix?
2 options:
A. Size your image to fit within 300x70.4px (or a multiple of that i.e. 600x140.8px etc.)
or
B. Add a little bit of CSS to Atums user.css
Scale your image to fitOptional: Remove left/right padding of logo container, if you like to line the edges of your image with the form fields
It's a combination of your image size/width/ratio plus Atums CSS.
- The image space is 300x70.4px.
- The max-height, set by Atum, is 70.4px (4.4rem).
- When your image is scaled to the max height and it still exeeds 300px width, your image breaks out of the logo container.
- The left white space is the left (and right) padding on the logo container.
All this together makes your image to appear to be aligned to the right.
(You would have noticed it even more if your image had a bigger width)
How to fix?
2 options:
A. Size your image to fit within 300x70.4px (or a multiple of that i.e. 600x140.8px etc.)
or
B. Add a little bit of CSS to Atums user.css
Scale your image to fit
Code:
.view-login .login img,.task-logout .login img { height: auto; max-width: 100%}Code:
.view-login .login .logo,.task-logout .login .logo {padding-inline: 0;}Statistics: Posted by Mr. Wimpy — Sun Dec 15, 2024 11:40 am