2 replies to this topic

[Gwen Richardson]

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,

Gwen

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

[Bes Zain]

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:

#contactbuddy-1
{
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.

Regards,

[Gwen Richardson]

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

Gwen