Wufoo Widget Space

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi
I have 2 Wufoo forms in iframe mode in Wufoo widgets on my site, one is here http://www.leathersolutions.org/conta... there is alot of blank space between the first line of text 'Title' and the top of the widget which I've marked, can the coding be modified so the text starts at the top of the widget?

Thanks

Photo of David

David

  • 465 Posts
  • 94 Reply Likes

Posted 7 years ago

  • 1
Photo of Emmy

Emmy

  • 5892 Posts
  • 299 Reply Likes
Hello David,
Yes, I can see how it does start a bit farther down in the widget. Because this is embedded the code itself is being pulled from Wufoo, I feel the best place to post this question is on the Wufoo formum and see if any other people have had the same issues. Possibly Wufoo has a way to remove that space. Let us know if you find there is a solution.

Thanks,
Emmy
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hi Emmy
There is a solution which is to add some css coding, I have to host a css file with the coding they have provided and then post the url of that file back in Wufoo themes.

How do I host a css file? I tried to add the code in a HTML widget but it displayed as normal text on the page.

This is the code they supplied

.wufoo .info{display:none}
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Hi David

Emmy is currently offline, but I am able to assist you. To add the CSS code inside a HTML Widget, you need to wrap it in HTML code. Here is the code you need to add:

<style type="text/css">
.wufoo .info{display:none}
</style>

Hope that let's your Wufoo theme display correctly on your site. If you have any problems with it, please get back to us.

Thanks
Nazlie
Photo of David

David

  • 465 Posts
  • 94 Reply Likes
Hello Nazlie
Thanks for the code unfortunately it didn't work, Wufoo have said that the css code is the only method of removing the title area which is taking up the space, is there another way I could introduce the css code to my site?
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

Please leave this with us. I will see if there is a way to make this work but please keep in mind that I may not be able to.
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello David

I wanted to let you know that I have received your email and have responded to you from there. Good news is that this can be done! You needed to create a css file with the code that Wufoo supplied. Then, following the directions that they gave you in this link: http://wufoo.com/docs/theme-designer/.... Where you're to enter your CSS URL, you would add the URL to your css file in your File Manager. Then, you can copy the HTML code to your site and it will remove the field title. I hope that helps!