Jump to content


Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.

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

    Member

  • 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,

Gwen

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


#2 Bes Zain

Bes Zain

    Member

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

#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,

#3 Gwen Richardson

Gwen Richardson

    Member

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

Gwen




Better, More Convenient, Private Support for Your iThemes Products Is Here.


We're moving support away from the forum and in to private tickets - Log In to Get Support Here


Note: any currently open support threads in the community forum will stay open while we resolve them.