https://legacy.forums.gravityhelp.com/topic/making-my-form-styling-look-like-the-gravity-forms-preview-styling Gravity Support Forums Topic: Making my form styling look like the gravity forms preview styling en-US Sun, 19 Apr 2026 20:26:18 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/making-my-form-styling-look-like-the-gravity-forms-preview-styling#post-32387 Fri, 12 Aug 2011 11:36:08 +0000 Kevin Flahaut 32387@https://legacy.forums.gravityhelp.com/ <p>Woo Themes CSS overrides the default form styles. You shouldn't need to add extra CSS rules to redeclare what is already the default. You should contact the Woo support team for guidance on how to remove their styles if you don't like/need them. </p> https://legacy.forums.gravityhelp.com/topic/making-my-form-styling-look-like-the-gravity-forms-preview-styling#post-32361 Fri, 12 Aug 2011 03:52:56 +0000 andyschar 32361@https://legacy.forums.gravityhelp.com/ <p>Hi Carl, </p> <p>Thanks for the response. I'm guessing my theme must be overriding the form properties completely, since "Top Aligned" is already selected in my form settings.</p> <p>Is there some kind of code I should be using to place in my Custom WooTheme CSS area that would be able to make it top aligned, or would I have to take that up with WooThemes?</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/making-my-form-styling-look-like-the-gravity-forms-preview-styling#post-32309 Thu, 11 Aug 2011 15:25:33 +0000 Carl Hancock 32309@https://legacy.forums.gravityhelp.com/ <p>The issue is your themes styles, they are applying CSS to form markup elements which is applying them to the form also. This is why the Preview looks different.</p> <p>One suggestion I have is to change the form to use Top Labels instead of Left Aligned Labels. This is an option in the Form Settings. Top Labels typically look better. The Left Aligned Labels is why the labels looked squished because of styles being applied by your theme. This is why Top Labels are the default, typically they are the most reliable across most themes.</p> <p>After changing the labels see how that improves the look. Then if you have any specific style issues, detail them and someone can assist you with them. </p> https://legacy.forums.gravityhelp.com/topic/making-my-form-styling-look-like-the-gravity-forms-preview-styling#post-32289 Thu, 11 Aug 2011 10:28:52 +0000 andyschar 32289@https://legacy.forums.gravityhelp.com/ <p>Hi, </p> <p>I know practically nothing about styling and css - all I know is that the preview form that is generated for me to see what I've created looks good: <a href="http://i.imgur.com/XCMsf.png" rel="nofollow">http://i.imgur.com/XCMsf.png</a> but on my website it doesn't looks so good: <a href="http://bit.ly/qSF2yz" rel="nofollow">http://bit.ly/qSF2yz</a></p> <p>Any ideas how I can make it look the same as the GF preview?</p> <p>Thanks </p>