Skip to main content
Answer

Move login sign in block to the right side of the page.

  • August 29, 2022
  • 4 replies
  • 123 views

alevenberg
Novice II
Forum|alt.badge.img

Hello, I am looking to move the login block to the right side of the login page.  From what I understand this can be done in the CSS section.  Has anyone done this before?  Is there a log of code involved?  

Best answer by gstager

This little nugget did the trick for me.

You will want to make sure that you thoroughly test for any unintended conflicts.

I added the margin so it wasn’t right on the edge. Feel free to adjust or remove as you like.

/** Move the login box to the right side **/

doc-layout-external-simple .external-simple-content {
justify-content: right !important;
margin-right: 20px;
}

Hope this helps.

4 replies

gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • Answer
  • August 30, 2022

This little nugget did the trick for me.

You will want to make sure that you thoroughly test for any unintended conflicts.

I added the margin so it wasn’t right on the edge. Feel free to adjust or remove as you like.

/** Move the login box to the right side **/

doc-layout-external-simple .external-simple-content {
justify-content: right !important;
margin-right: 20px;
}

Hope this helps.


alevenberg
Novice II
Forum|alt.badge.img
  • Author
  • Novice II
  • August 30, 2022

Thanks so much.  I will give this a try.  

Amy


gstager
Hero III
Forum|alt.badge.img+8
  • Hero III
  • August 31, 2022

@alevenberg - I would love to know if this works for you or not.

I would be happy to research another idea if this does not quite meet your need.


alevenberg
Novice II
Forum|alt.badge.img
  • Author
  • Novice II
  • August 31, 2022

Hi Greg,

This worked perfectly.  Thanks so much for your help with this.  

Amy