Skip to main content
Best Answer

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


alevenberg
Novice II

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.

View original
Did this post help you find an answer to your question?

gstager
Hero III
Forum|alt.badge.img+7
  • Hero III
  • 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

Thanks so much.  I will give this a try.  

Amy


gstager
Hero III
Forum|alt.badge.img+7
  • 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

Hi Greg,

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

Amy


Reply


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