Skip to main content
Solved

Is it possible to customize the Universal login screen?

  • July 6, 2022
  • 1 reply
  • 166 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;
}

 

View original
Did this topic help you find an answer to your question?
This topic has been closed for comments

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;
}

 


Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings