https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site Gravity Support Forums Topic: Trying To Set CSS Class Name To Match The Look Of The Site en-US Wed, 08 Apr 2026 05:09:03 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33097 Sat, 20 Aug 2011 11:54:12 +0000 Kevin Flahaut 33097@https://legacy.forums.gravityhelp.com/ <p>You're very welcome. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33095 Sat, 20 Aug 2011 11:03:19 +0000 Rishel 33095@https://legacy.forums.gravityhelp.com/ <p>Roger that, done. Thank you very much Kevin. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33094 Sat, 20 Aug 2011 10:39:23 +0000 Kevin Flahaut 33094@https://legacy.forums.gravityhelp.com/ <p>It's there.. </p> <p><a href="http://www.netdisciples.com/wp-content/themes/MyCuisine/epanel/page_templates/images/contact_submit.png" rel="nofollow">http://www.netdisciples.com/wp-content/themes/MyCuisine/epanel/page_templates/images/contact_submit.png</a></p> <p>you can path to it directly if you need to</p> <p><a href="http://pastie.org/pastes/2401792/text" rel="nofollow">http://pastie.org/pastes/2401792/text</a> </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33093 Sat, 20 Aug 2011 10:19:17 +0000 Rishel 33093@https://legacy.forums.gravityhelp.com/ <p>Weird, I cant locate the background image on the submit button etc. Definitely looking though. But no match in the images directory. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33092 Sat, 20 Aug 2011 10:17:32 +0000 Kevin Flahaut 33092@https://legacy.forums.gravityhelp.com/ <p>Wonderful. I'm glad I could help out. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33091 Sat, 20 Aug 2011 10:16:17 +0000 Rishel 33091@https://legacy.forums.gravityhelp.com/ <p>WOW! That was fast response, and it worked awesome. I am completely impressed with the support here. </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33090 Sat, 20 Aug 2011 09:59:55 +0000 Kevin Flahaut 33090@https://legacy.forums.gravityhelp.com/ <p>The CSS Class name option doesn't do anything magical. It simply adds whatever class name you define to the markup for the form or the field element. If you don't define rules in your stylesheet that are associated with that name, nothing is going to happen.</p> <p>I'm assuming you want to change the look of all the forms on your site. If so, the easiest way to do this is to add some new style rules to the end of your theme stylesheet. This should get you close. I copied most of these style properties from the form you referenced as your target look.</p> <p>CSS Sample : <a href="http://pastie.org/pastes/2401792/text" rel="nofollow">http://pastie.org/pastes/2401792/text</a></p> <p>Give that a shot and see how it goes. ( you may have to update your background image paths ) You can tweak everything from there to suit your preference.</p> <p>Test Screenshot: <a href="http://bit.ly/oab5Jp" rel="nofollow">http://bit.ly/oab5Jp</a> </p> https://legacy.forums.gravityhelp.com/topic/trying-to-set-css-class-name-to-match-the-look-of-the-site#post-33087 Sat, 20 Aug 2011 08:48:03 +0000 Rishel 33087@https://legacy.forums.gravityhelp.com/ <p>Ok, I will try to explain this as clearly as possible.</p> <p>We are building a site currently, and are using Gravity Forms. The appearance of the forms we created are located here:</p> <p><a href="http://www.netdisciples.com/contact-us/" rel="nofollow">http://www.netdisciples.com/contact-us/</a><br /> <a href="http://www.netdisciples.com/membership/" rel="nofollow">http://www.netdisciples.com/membership/</a></p> <p>The default look (the look that was built into the template we are using) is this (which is not gravity forms, but an internal contact form that came with the skin):</p> <p><a href="http://www.elegantthemes.com/preview/MyCuisine/contact-us/" rel="nofollow">http://www.elegantthemes.com/preview/MyCuisine/contact-us/</a></p> <p>We very much like the look of the larger input boxes etc, it just looks cleaner. </p> <p>When we go into form editor (for our Contact Us form which was built by Gravity Forms) there is a section called Form Settings, in that section under the Advanced Tab there is a setting called "CSS Class Name". We can not seem to figure out what to put in there to try to match our new Gravity Forms look to the default skins contact form.</p> <p>Essentially, we want the form here: <a href="http://www.netdisciples.com/contact-us/" rel="nofollow">http://www.netdisciples.com/contact-us/</a> to look (appearance wise) like the form here: <a href="http://www.elegantthemes.com/preview/MyCuisine/contact-us/" rel="nofollow">http://www.elegantthemes.com/preview/MyCuisine/contact-us/</a> and we thought the "CSS Class Name" setting did that.</p> <p>Even more so, what class name should I put there. If anyone has FireBug and can help you, we would GREATLY appreciate your assistance. We tried to figure this out, for 2 weeks (off and on), and just can't seem to figure it out.</p> <p>Anyone help? </p>