Pushing down Login screen

Hi!

We haven't been able to figure out how to center our logo at the top of the app, so we removed it completely. :-( Is there a way to add a RichText to a Login screen so we can add our logo there?

We're trying to figure out how we can push down our Login Screen to be centered in the middle of the page so it's not so awkward? Does anyone have any tips? I'm sure it's some sort of CSS magic, but we're not website people so we're struggling over here. lol

Thanks guys!

-Nicole

Hi, Add the below:

h1#knack-logo img {

margin-left: 50%;

transform: translate(-50%, 0%);

}

Thanks

Dan

Thanks so much Dan!!!! It worked!!!!! woo hoo!!! do you think this same technique will work with centering the logo at the top? We removed it bc for some reason our logo is ridiculously big on the app and aligned all the way to the left, so it looks sloppy. What are your thoughts? see attch

Thanks!

Hi, Sorry, I read it again and you want to center it vertically not horizontally so change it to:

div.kn-login {

margin-top: 50%;

transform: translate(0%, -25%);

}

Thanks

Dan

Hi Dan!

Thanks! I tried adding it but the login stays at the top of screen, do you know what I could be doing wrong?

Thanks!

Hi,

Try adding the below to your css area under "API & Code":

div.kn-login {

margin-left: 50%;

transform: translate(-25%, 0%);

}

Thanks

Dan