Form Looks Funny « Gravity Support Forums

Gravity Support Forums » Plugin Support » Gravity Forms

puffdaddy
Member

I have created the form tested it and it works great.. It sends email confirmations the whole works its absolutely great. But one big problem. Not sure where the problem is from, but the form has this awful interface to the public.
1) There is this huge gap at the top of the form
2) The text is showing up in italics,
3) The text is grey instead of black.
4) The text is all squashed up
5) Down the sides are these round circles
6) Captcha is also out of shape.
7) Submit button is too far down the page

Now I am not sure if it is the gravity form stlye, the theme or the fact that it is an SSL page.

The site link is:
https://www.findaplacequickly.com/advert-uploads/property-advertisement/

Thanks

Posted 14 years ago on Wednesday December 2, 2009 | Permalink
Alex Cancado
Administrator

The problem is that there is an extra
< pre> tag around your form. That usually happens when you copy and paste content into the Visual editor. To fix that, go to your post or page, view the content in HTML mode and remove the < /pre>
< pre> that is around the [gravity_form ...] shortcode.

Posted 14 years ago on Wednesday December 2, 2009 | Permalink
puffdaddy
Member

Thank you it looks absolutely perfect in firefox and a lot better in internet explorer. But internet explorer 8 is still showing round circles down the side. Thanks

Posted 14 years ago on Wednesday December 2, 2009 | Permalink
Kevin Flahaut
Administrator
I'm not seeing any circles or bullets in IE8 - maybe you've already fixed this, not sure.

screenshot

Usually, that's inheriting somewhere from your theme and you can override that with a little CSS.
```
/* hide any bullet points and background images inhereited from theme -------------------*/

.gform_wrapper li, .gform_wrapper form li, .gform_wrapper form ul li { list-style-type:none!important; background-image:none!important}
```
Posted 14 years ago on Wednesday December 2, 2009 | Permalink