https://legacy.forums.gravityhelp.com/topic/changing-html-markup Gravity Support Forums Topic: Changing HTML markup en-US Sun, 19 Apr 2026 23:32:48 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/changing-html-markup#post-60374 Fri, 25 May 2012 08:51:43 +0000 David Peralty 60374@https://legacy.forums.gravityhelp.com/ <p>Gravity Forms comes with a forms.css file you could look at as a starting point. At least in identifying the styles that are available in every form that you can begin to edit/manipulate. </p> https://legacy.forums.gravityhelp.com/topic/changing-html-markup#post-60373 Fri, 25 May 2012 08:44:31 +0000 Ian Anderson Gray 60373@https://legacy.forums.gravityhelp.com/ <p>Thanks, I was hoping to avoid that, and to clean up the markup outputted by GF so that it is suitable for my working. It doesn't look like this is going to be possible.</p> <p>Either way it's going to require quite a bit of work, but it sounds like the only way is to update the CSS. I know a few people (including the people behind Roots) are working on a way to get GF working well with Bootstrap, but looks like a CSS only way for me.</p> <p>Is there a CSS example or snippet I can use as a template?<br /> Thanks. </p> https://legacy.forums.gravityhelp.com/topic/changing-html-markup#post-60367 Fri, 25 May 2012 07:59:15 +0000 David Peralty 60367@https://legacy.forums.gravityhelp.com/ <p>You won't be able to change the entirety of how the markup is output. You would probably be able to change the CSS and JS much easier though. Apply the Bootstrap rules as much as possible to the markup that Gravity Forms creates. </p> https://legacy.forums.gravityhelp.com/topic/changing-html-markup#post-60358 Fri, 25 May 2012 06:24:45 +0000 Ian Anderson Gray 60358@https://legacy.forums.gravityhelp.com/ <p>I've built a few new WP sites using the Roots starter theme which itself uses Twitter Bootstrap as a framework. I love the way Twitter Bootstrap makes forms look and I'm wanting to use Gravity Forms within the theme.</p> <p>You can see how Bootstrap forms work here:<br /> <a href="http://twitter.github.com/bootstrap/base-css.html#forms" rel="nofollow">http://twitter.github.com/bootstrap/base-css.html#forms</a></p> <p>It requires the markup of forms in a certain way, and unfortunately this isn't compatible with Gravity Forms. </p> <p>Is it possible to alter the way Gravity Forms outputs the html so that I can get it to work with Bootstrap? I'm new to WordPress and Gravity Forms, but was wondering whether I could do something with the Gform_pre_render function, but I'm not sure where to start. </p>