Skip to main content
Answer

Is it possible to customize the Universal login screen?

  • July 6, 2022
  • 1 reply
  • 175 views

Marius Korff
Captain
Forum|alt.badge.img+6

Hi!

I'd like to customize the Universal login screen, more than described in the CSS customization.
Something I wish to add is another card to the login screen:

Example screenshot

This could be to the left and/or right of the already existing login card. All I'd like to add to that card is text. Is this possible and has this been done before, if so how?

Thanks!

Best answer by Kasper Reijnders

Yes this is possible, you can do this with css. 

 

Look into this:


<div class="div">content</div>

.div {
position: relative;
background: white;
width: 300px;
height: 300px;
margin: 40px auto;
}

.div::before {
content: ' ';
background: white;
width: 300px;
height: 300px;
display: block;
left: -310px;
top: 0;
position: absolute;
}
.div::after {
content: ' ';
background: white;
width: 300px;
height: 300px;
display: block;
left: 310px;
top: 0;
position: absolute;
}

 

This topic has been closed for replies.

1 reply

Kasper Reijnders
Forum|alt.badge.img+5

Yes this is possible, you can do this with css. 

 

Look into this:


<div class="div">content</div>

.div {
position: relative;
background: white;
width: 300px;
height: 300px;
margin: 40px auto;
}

.div::before {
content: ' ';
background: white;
width: 300px;
height: 300px;
display: block;
left: -310px;
top: 0;
position: absolute;
}
.div::after {
content: ' ';
background: white;
width: 300px;
height: 300px;
display: block;
left: 310px;
top: 0;
position: absolute;
}