Results 1 to 6 of 6
  1. #1
    Join Date
    Jun 2008
    Posts
    627
    Plugin Contributions
    0

    Default Placing an image on my contact me form page

    Hi

    Anyone know which file needs to be copied and edited to include an image on the 'contact me' form page? I want to have a graphic to the right side of where my mailing address is.

    Inserting the image link in the admin define_contact_us.php doesn't allow the image to be placed in the upper right corner of the form area.

    Or maybe I am trying the hard way?

    Thanks

  2. #2
    Join Date
    Jun 2008
    Posts
    627
    Plugin Contributions
    0

    Default Re: Placing an image on my contact me form page

    Never mind... I got it. Isn't it always the way? You can struggle for awhile with something but the minute you ask it finally comes to you.

    For anyone interested, I used the id contactUsDefault as found on the viewsource page and added the image as a non repeating background in my stylesheet.

    Yayyy

  3. #3
    Join Date
    Mar 2007
    Location
    AZ
    Posts
    1,911
    Plugin Contributions
    2

    Default Re: Placing an image on my contact me form page

    Thanks for posting the answer - it sure helps!

    Tina

  4. #4
    Join Date
    Oct 2006
    Posts
    103
    Plugin Contributions
    0

    Default Re: Placing an image on my contact me form page

    I know, old post but the solution wasn't explained enough. How can I add a photo to the contact us page. For some reason if I use the define pages editor nothing shows up. Can anyone help?
    !!!!$~~GadgetBlvd.com~~$!!!!!

  5. #5
    Join Date
    Jan 2009
    Posts
    2,123
    Plugin Contributions
    0

    Default Re: Placing an image on my contact me form page

    Quote Originally Posted by pettiger15 View Post
    I know, old post but the solution wasn't explained enough. How can I add a photo to the contact us page. For some reason if I use the define pages editor nothing shows up. Can anyone help?
    If you post a copy of the HTML you're using to edit the page in define pages editor then all should be clear from that :-)

  6. #6
    Join Date
    Nov 2006
    Location
    Dartmouth, NS Canada
    Posts
    2,378
    Plugin Contributions
    0

    Default Re: Placing an image on my contact me form page

    Quote Originally Posted by buildingblocks View Post
    For anyone interested, I used the id contactUsDefault as found on the viewsource page and added the image as a non repeating background in my stylesheet.
    More detailed explanation...

    There are many IDs and classes in the code which are not in the stylesheet by defualt. They're in the code so we can use them if we want to. The OP found one of them and added it to the stylesheet, giving it a background image. Probably something like this. Try it.

    #contactUsDefault {
    background-image: url(../images/YOUR-IMAGE-NAME.jpg);
    background-repeat: no-repeat;
    }

    You could also add padding so the image moves over where you want it.

    Remember, you do this in stylesheet.css, not in your define pages editor.

    Rob

 

 

Similar Threads

  1. Removing default contact info on contact us page/adding form to page
    By haggis0929 in forum Templates, Stylesheets, Page Layout
    Replies: 3
    Last Post: 28 Dec 2009, 06:41 PM
  2. Contact US page + One more Contact FORM :blink:
    By Orange Wacko in forum Managing Customers and Orders
    Replies: 0
    Last Post: 21 Jul 2009, 10:29 PM
  3. Placing an image on the main page wont align correctly
    By jaidee in forum Templates, Stylesheets, Page Layout
    Replies: 8
    Last Post: 11 Jul 2009, 07:26 AM
  4. Replies: 4
    Last Post: 12 Jan 2009, 05:12 AM
  5. Add image verification in Contact form
    By Goofy in forum General Questions
    Replies: 2
    Last Post: 21 May 2007, 01:13 PM

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