Skip to main content

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!

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

 

Terms & ConditionsCookie settings