changing layout of login pages

9/16/2011 1:58 am | #1 SuzieQ

Any suggestions on changing the code for the layout of the login pages?

Currently they are aligning to the top left of the page and I'd like to centre them and bring them down a few inches so they are more attractive.

9/16/2011 9:25 am | #2 Jason ByrnesWebAssist

add a new div around the login form code with a class of "wrapper"

<div class="wrapper">
login page code
</div>

the add the following CSS just before the </head> tag:

<style type="text/css">
.wrapper {
    margin: 0 auto;
    padding: 30px;
    width: 500px;
}
</style>

Email me with all replies to this thread

Title:

Public Message: (viewable by anyone reading this thread)
(do not cut and paste code into this field unless necessary, attach copies of your pages so they can be opened in Dreamweaver for debugging)

Type in the characters exactly as displayed below - if you don't complete the Captcha correctly you will get a blank page, so you may want to copy the text of your message before you submit!

Quote message in reply?

Private Message: (viewable only by you, the person you are replying to, and WebAssist employees)
(only put truly private information in this area such as ftp details and phone numbers. Keep as much of your post public as possible)

These attachments are private (viewable only by you, the person you are replying to, and WebAssist employees)

Manage Attachments

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

changing layout of login pages

9/16/2011 1:58 am | #1 SuzieQ