Results 1 to 8 of 8
  1. #1
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Contact Us Page Layout Change

    Is it possible to change the current layout of:
    Click image for larger version. 

Name:	before.jpg 
Views:	101 
Size:	72.3 KB 
ID:	13003

    to this?
    Click image for larger version. 

Name:	after.jpg 
Views:	92 
Size:	69.8 KB 
ID:	13002

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

  2. #2
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Contact Us Page Layout Change

    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.

  3. #3
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Re: Contact Us Page Layout Change

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

  4. #4
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Contact Us Page Layout Change

    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.

  5. #5
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Re: Contact Us Page Layout Change

    Quote Originally Posted by stevesh View Post
    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.

  6. #6
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Re: Contact Us Page Layout Change

    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..

  7. #7
    Join Date
    Feb 2005
    Location
    Lansing, Michigan USA
    Posts
    20,024
    Plugin Contributions
    3

    Default Re: Contact Us Page Layout Change

    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.ph...age=contact_us) and the buttons are in the right place.

  8. #8
    Join Date
    Jan 2011
    Posts
    196
    Plugin Contributions
    0

    Default Re: Contact Us Page Layout Change

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

 

 

Similar Threads

  1. v150 Strange layout on my Contact Us page
    By awhfy99 in forum General Questions
    Replies: 4
    Last Post: 1 Jul 2012, 05:50 AM
  2. How to I change my contact page?
    By Tamuren in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 23 Mar 2012, 08:10 PM
  3. Change Category Page Layout to New Products Layout
    By tonemap in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 22 Jan 2010, 11:30 PM
  4. how to change contact us the page to full page?
    By andrewmax81 in forum General Questions
    Replies: 12
    Last Post: 1 Dec 2009, 06:08 PM
  5. contact page change
    By prodesk in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 18 Feb 2007, 05:16 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR