https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field Gravity Support Forums Topic: css to put the field label on the right side of the field en-US Tue, 21 Apr 2026 20:40:44 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-50101 Tue, 21 Feb 2012 11:53:17 +0000 Rob Harrell 50101@https://legacy.forums.gravityhelp.com/ <p>I updated that style block above, replace the one you have with that. You could alternatively just update your form settings to use the "Left Aligned Label" setting and it will pick up the original style block that you have in your CSS file. </p> https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-50100 Tue, 21 Feb 2012 11:48:05 +0000 pourya1987 50100@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin for your guidance. </p> https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-50099 Tue, 21 Feb 2012 11:47:09 +0000 pourya1987 50099@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob for your help. it worked pretty well on this page:<br /> <a href="http://mihanhub.com/?page_id=62" rel="nofollow">http://mihanhub.com/?page_id=62</a><br /> but nothing changed on the page below:<br /> <a href="http://mihanhub.com/?page_id=56" rel="nofollow">http://mihanhub.com/?page_id=56</a></p> <p>I pasted your code in my theme's custom css field. </p> https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-49993 Mon, 20 Feb 2012 14:02:56 +0000 Kevin Flahaut 49993@https://legacy.forums.gravityhelp.com/ <p>You can't move the location of the browse button for upload (input type='file') controls. Those controls are essentially inaccessible for formatting or CSS manipulation.</p> <p><a href="http://www.quirksmode.org/dom/inputfile.html" rel="nofollow">http://www.quirksmode.org/dom/inputfile.html</a> </p> https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-49980 Mon, 20 Feb 2012 12:59:07 +0000 Rob Harrell 49980@https://legacy.forums.gravityhelp.com/ <p>This should work for you, try dropping this into your theme's stylesheet:</p> <pre><code>[css] .gform_wrapper .left_label .gfield_label, .gform_wrapper .right_label .gfield_label { float: right !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-to-put-the-field-label-on-the-right-side-of-the-field#post-49979 Mon, 20 Feb 2012 12:53:11 +0000 pourya1987 49979@https://legacy.forums.gravityhelp.com/ <p>Hi here is my site url:<br /> <a href="http://mihanhub.com/?page_id=62" rel="nofollow">http://mihanhub.com/?page_id=62</a><br /> I would like my field labels to be on the right side of the fields instead of the left side cause it's a right to left language. I also need to put the brows button on the left side of the field. How can I do this. A good example is the site below:<br /> <a href="http://www.iranianuk.com/page2.php5?n=page_ad" rel="nofollow">http://www.iranianuk.com/page2.php5?n=page_ad</a></p> <p>Thanks for your help! </p>