https://legacy.forums.gravityhelp.com/topic/css-styling Gravity Support Forums Topic: CSS Styling en-US Sat, 18 Apr 2026 21:30:11 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-styling#post-282771 Tue, 28 May 2013 05:58:04 +0000 Richard Vav 282771@https://legacy.forums.gravityhelp.com/ <p>Good to hear.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282728 Tue, 28 May 2013 05:43:26 +0000 43basketball 282728@https://legacy.forums.gravityhelp.com/ <p>good. problem solved. </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282656 Tue, 28 May 2013 05:15:03 +0000 Richard Vav 282656@https://legacy.forums.gravityhelp.com/ <p>Sorry,</p> <p>Try this instead, it will target just that one field label<br /> <pre><code>#field_2_12 .gfield_label { width: 45%; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282622 Tue, 28 May 2013 05:03:38 +0000 43basketball 282622@https://legacy.forums.gravityhelp.com/ <p>good try. but when adjusting the other input fields are growing too big...</p> <p>also the description text won't be adjusted. </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282506 Tue, 28 May 2013 04:04:11 +0000 Richard Vav 282506@https://legacy.forums.gravityhelp.com/ <p>Max,</p> <p>That's great, now to increase the width of the label try adding the following to your theme's custom.css file or wherever you are instructed to place custom CSS.<br /> <pre><code>.gform_wrapper .left_label .gfield_label { width: 45%; }</code></pre> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282474 Tue, 28 May 2013 03:53:33 +0000 43basketball 282474@https://legacy.forums.gravityhelp.com/ <p>hi Richard,</p> <p>great news. It works. How can I define which width the first line has?</p> <p>"Möchten Sie den Artikel individualisieren?" I do not want to have a break here.</p> <p>Regards,<br /> Max </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282452 Tue, 28 May 2013 03:39:32 +0000 Richard Vav 282452@https://legacy.forums.gravityhelp.com/ <p>Hi Max,</p> <p>Your theme isn't confusing the Gravity Forms CSS, it looks like the Gravity Forms CSS files are not being included in your page. Can you go to the Gravity Forms general settings page and try setting 'Output CSS' to 'Yes' then check your page again and see what difference that makes.</p> <p>It should solve the problem of the labels and the inputs being on separate lines and it should hide the hidden field.</p> <p>Regards,<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/css-styling#post-282423 Tue, 28 May 2013 03:24:30 +0000 43basketball 282423@https://legacy.forums.gravityhelp.com/ <p>Hi,</p> <p>I would like to style the Gravity Forms which we are using in Woocommerce.</p> <p>How can we do it? Here is an example <a href="http://www.forthree.com/basketball/single-layer-shirt-weiss-basketballtrikot/" rel="nofollow">http://www.forthree.com/basketball/single-layer-shirt-weiss-basketballtrikot/</a></p> <p>The following has to be changed - see <a href="http://imgur.com/owV2kzU" rel="nofollow">http://imgur.com/owV2kzU</a>:</p> <p>1. heading: smaller<br /> 2. description: smaller<br /> 3. text + checkbox in one line<br /> 4. checkbox + price in one line<br /> 5.dropdown not 100% width</p> <p>Also the Error message won't be displayed in another colour.<br /> Also the hidden product field ("Individualisiertes Produkt" above 3.) appears even though is marked "hidden".</p> <p>Somehow the wordpress theme Replete css confuses the Gravity Forms css - see <a href="http://imgur.com/eFfzDxW" rel="nofollow">http://imgur.com/eFfzDxW</a>.</p> <p>Thanks in advance for your help.<br /> Best regards,<br /> Max </p>