Contact Us Page Layout Change

Is it possible to change the current layout of:

to this?

A two column layout where the form would be on the left and html text would be on the right.

Anything is possible, but it would help if we could see the actual page. Even then, it may be difficult to advise, as it appears you are using a Template Monster template.

Two screenshots are actually mockups I made in Photoshop. I will PM you the link.

I'm not sure if that's all the content, and you might need a <br/> after the phone number, but start with:

#contactUsNoticeContent {
float: right;}
}

at the end of your stylesheet and go from there with margin adjustments. The textarea can bet set with it's own width if you want that to appear to be on the left.

BTW, I think you've taken exactly the right approach with your template design. I think that Zenners selling products that are very visual, like photographs, jewelry, etc. should make their template designs as simple and unobtrusive as possible, so that the visitor's eye is drawn to the products, not the site design. Nice job.

stevesh:

BTW, I think you've taken exactly the right approach with your template design. I think that Zenners selling products that are very visual, like photographs, jewelry, etc. should make their template designs as simple and unobtrusive as possible, so that the visitor's eye is drawn to the products, not the site design. Nice job.

Thank you sir!

I will try your method.

It works nicely, except, back and send buttons goto right column instead of being on the left after message body. CSS alterations aren't fixing that so far..

I'm not sure what you have done to that page other than this. I added the rule I mentioned above to a stock Zencart test site (http://www.stevesh.com/demo/index.php?main_page=contact_us) and the buttons are in the right place.

I am using CSS Text Buttons, could be the issue. Will mess with the style sheet.