Forums / Templates, Stylesheets, Page Layout / Placing an image on my contact me form page

Placing an image on my contact me form page

Locked

Started by buildingblocks on 25 Jun 2008, 8:16 PM · Views: 3,283

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
25 Jun 2008, 8:16 PM
#1
buildingblocks avatar

buildingblocks

Totally Zenned

Join Date:
Jun 2008
Posts:
629
Plugin Contributions:
0

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

25 Jun 2008, 8:45 PM
#2
buildingblocks avatar

buildingblocks

Totally Zenned

Join Date:
Jun 2008
Posts:
629
Plugin Contributions:
0

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

25 Jun 2008, 9:11 PM
#3
charmedbytina2 avatar

charmedbytina2

Totally Zenned

Join Date:
Mar 2007
Location:
AZ
Posts:
1,890
Plugin Contributions:
0

Re: Placing an image on my contact me form page

Thanks for posting the answer - it sure helps!

Tina

17 Mar 2009, 2:17 AM
#4
pettiger15 avatar

pettiger15

Zen Follower

Join Date:
Oct 2006
Posts:
97
Plugin Contributions:
0

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$!!!!!

17 Mar 2009, 10:08 PM
#5
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Placing an image on my contact me form page

pettiger15:

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 :-)

18 Mar 2009, 12:31 AM
#6
rstevenson avatar

rstevenson

Totally Zenned

Join Date:
Nov 2006
Location:
Dartmouth, NS Canada
Posts:
2,400
Plugin Contributions:
0

Re: Placing an image on my contact me form page

buildingblocks:

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

Breakfast: the most important donut of the day.