Rather ugly looking login

[funkyphantom]

Just to send you in the right direction...

HTML - http://pastebin.com/V0RhDJMd
CSS - http://pastebin.com/bHextRy1

I left the original id's on the form elements so it should still function, you also have complete control in the css over any element inside each id. You could change the <p> tags inside #login-form if you wanted for example.

To use that HTML you need to edit the template inside Wordpress for that login page. To do that just do a find (ctrl+f) inside the file for it, search for 'pnMain', that is the id of the div for that pages content. Inside that div there is a few <table> tags, only one of them has no other attributes (it is just <table>, and has two <br> tags below it). Just replace that <table> element (and everything inside it before the </table>) with the HTML from the pastebin above. Collapsing the elements might help you find it easier and replace the correct code. Backup first

You can of course just go with the CSS and the original HTML code, but neither of the root elements for the form or the scrollable content have an id, so you can't edit much without changing the HTML.

Note: I haven't tested either the HTML or CSS in a browser, but it should work. The CSS is obviously just random styles I added for a few of the elements.

Your a star mate.
One more question if i may? Does it matter that the login i am trying to edit is within an iframe through to another website? Please excuse my asking, i am new to this and really value your time and effort.

 

[md85]

Shouldn't make any difference, as long as you have access to the template or whatever file is providing the iframe with it's contents you can make the changes.

The HTML/CSS is just presentational, as long as the ID's of the login fields (the user id, the password, the submit etc) are the same as they were inside the table (they are, I just copied them out and put them inside a fieldset) then the form will post just as it did before. To use a crappy analogy, think of it as if you were (a chav ) doing up your car, you stick a horrible spoiler on, some stupid alloy wheels and some retarded bonnet scoop, the car still functions the same, you've just made it look a little different (stupid http://thesomethingproject.files.wordpress.com/2011/02/chav-car.jpg).

 

[funkyphantom]

Shouldn't make any difference, as long as you have access to the template or whatever file is providing the iframe with it's contents you can make the changes.

The HTML/CSS is just presentational, as long as the ID's of the login fields (the user id, the password, the submit etc) are the same as they were inside the table (they are, I just copied them out and put them inside a fieldset) then the form will post just as it did before. To use a crappy analogy, think of it as if you were (a chav ) doing up your car, you stick a horrible spoiler on, some stupid alloy wheels and some retarded bonnet scoop, the car still functions the same, you've just made it look a little different (stupid http://thesomethingproject.files.wordpress.com/2011/02/chav-car.jpg).

Well i asked the company who are providing the iframe if i could change the login in screen, and they told me yes i can and sent me a 'GCGold Web Services Interface'.doc, and a .css. Apparently thats all i need to change the login screen. Would you like a look at them?
Thanks again.