https://legacy.forums.gravityhelp.com/topic/advanced-styling-with-jquery Gravity Support Forums Topic: Advanced styling with jquery? en-US Tue, 21 Apr 2026 21:04:51 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/advanced-styling-with-jquery#post-39689 Wed, 02 Nov 2011 12:06:21 +0000 David Smith 39689@https://legacy.forums.gravityhelp.com/ <p>Hi Torsteino,</p> <p>I believe you should be able to target the fields to initialize this script like so:</p> <pre><code>[js] $(&#39;.uniform select, .uniform input&#39;).uniform();</code></pre> <p>With this method, adding the "uniform" class to the fields would still allow you to target the inputs, selects, etc. that field contains. </p> https://legacy.forums.gravityhelp.com/topic/advanced-styling-with-jquery#post-39680 Wed, 02 Nov 2011 11:28:55 +0000 torsteino 39680@https://legacy.forums.gravityhelp.com/ <p>Hi,<br /> I'd like to do some advanced styling. If you have a look at <a href="http://uniformjs.com/" rel="nofollow">http://uniformjs.com/</a>, this is one solution for what I'd like to do. But - it seems uniform.js needs the class to be added to the input item itself, like this:</p> <pre><code>&lt;li id=&quot;field_1_3&quot; class=&quot;gfield gfield_contains_required&quot;&gt; &lt;label class=&quot;gfield_label&quot; for=&quot;input_1_3&quot;&gt; Tele­fon­num­mer &lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt; &lt;/label&gt; &lt;div class=&quot;ginput_container&quot;&gt; &lt;input id=&quot;input_1_3&quot; class=&quot;medium uniform&quot; type=&quot;text&quot; tabindex=&quot;5&quot; value=&quot;&quot; name=&quot;input_3&quot;&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>But if I use the css class option in the advanced tab, what I get is this - the class name is added to the list item, like this:</p> <pre><code>&lt;li id=&quot;field_1_3&quot; class=&quot;gfield gfield_contains_required&quot;&gt; &lt;label class=&quot;gfield_label&quot; for=&quot;input_1_3&quot;&gt; Tele­fon­num­mer &lt;span class=&quot;gfield_required&quot;&gt;*&lt;/span&gt; &lt;/label&gt; &lt;div class=&quot;ginput_container&quot;&gt; &lt;input id=&quot;input_1_3&quot; class=&quot;medium&quot; type=&quot;text&quot; tabindex=&quot;5&quot; value=&quot;&quot; name=&quot;input_3&quot;&gt; &lt;/div&gt; &lt;/li&gt;</code></pre> <p>Any tips on how to solve this? I can probably use just about any of the many form-styling-jquery-solutions out there if that would solve it. </p>