Jump to content

Welcome to the forum:

Welcome to the iThemes forum. We've created several tutorial video's to help you get you started with using the forum, please check them out!

Also take note of the forum guidelines.

Support hours:

Our moderators actively respond to forum support requests during normal business hours which are Monday-Friday, 8am - 5pm Central Standard Time, typically within one business day. Although some moderators choose to work during the weekends, we can not guarantee immediate attention to your requests. Thanks for understanding.

What is included with support:

Premium support includes theme/plugin issues such as: bugs encountered under normal operation, how to use basic features, basic WordPress help, and basic help with customization (meaning we point you to resources and will help in more depth as time allows). More information.

4th of July weekend:

Please note that due to the 4th of July celebrations, today, Friday July 3 the iThemes offices are closed. Normal Support will resume on Monday July 6.
Thanks for understanding, and have a great weekend.

add an image to the top of the form

This topic has been archived. This means that you cannot reply to this topic.
2 replies to this topic

#1 Gwen Richardson

Gwen Richardson


  • Members
  • PipPip
  • 23 posts

Posted 16 August 2011 - 12:07 PM

What do I need to do to add an image to the top of the form?

Here is my image and page, ideally, I would like it to align just above the top center, and I could play with where it would need to be above if you could give me the correct code I need to add.

http://blueflameventures.ca/lgbt-consulting-services/ (this was subsequently changed to a Gravity Form after discovering that Contact Buddy had to use 4 fields that it came with only)

Thanks so much,


Edited by Gwen Richardson, 18 August 2011 - 10:40 AM.

#2 Bes Zain

Bes Zain


  • Members
  • 4,268 posts

Posted 16 August 2011 - 01:35 PM

Hi Gwen,

Thanks for posting this and welcome to the forums! :)

That's basically a css modification that you can apply to either the image [if you define it within a class or an ID] or the ContactBuddy plugin itself. ContactBuddy itself doesn't have an option to allow that or integrate into images around it. Usually this isoutside the scope of support we provide [outside of standard plugin setup/issues/etc], though this seems an easy css edit that should go along with your site's theme very nicely [love your design, btw!].

Put the following in your theme file's css, at the bottom:

margin-top: -50px;
That will move the ContactBuddy form up and align it right below the image.
You can play with that number a bit [the more negative the number, the higher the ContactBuddy box will go]. It basically tells the browser to make the top margin of that element [which is basically all of ContactBuddy on that page] overlap anything before the standard top area boundary of that element by 50 pixels. You may notice that the number produces different results for different browsers [IE, FF and Chrome], so you may want to get close to a number that looks the best in all browsers foryou.

Let me know how it goes.


#3 Gwen Richardson

Gwen Richardson


  • Members
  • PipPip
  • 23 posts

Posted 16 August 2011 - 02:25 PM

Thanks very much, just a little tweaking on the neg value and it worked out just fine.