How to center the login screen of a protected album?

Backlight 4 & 5 Support
#1

Hi all,

how to center the login screen of a protected album?

best regards,
Oliver

#2

Custom css.

this should do it. It may be unnecessarily specific. Then again, it might not be specific enough and affect other login areas you may have on the site.

#login #login-form fieldset p, #login-message p {
	text-align:center;
}

#login #login-form fieldset p input#login-password {
	margin: 0 auto;
}
#3

Thank you Rod, but doesn’t work for me, it changes nothing. :thinking: hm

#4

can you post a link?

#5
#6

Oh, it’s a Kookaburra album. That’s why the other css didn’t work. The structure is a bit different.

#7

I’m able to center some parts, like the field and submit button. And that required changing the display to block from flex, which might mess up other things.
No luck centering the label yet.

@Matthew probably has better ideas.

#8

Does this do what you want?

form#login {
  align-items: center;
  display: flex;
  flex-direction: column;
}
1 Like
#9

Hi Matt,

that did it :+1:
Thank you very much!

Best regards,
Oliver