https://legacy.forums.gravityhelp.com/topic/moving-the-required-field-span-before-the-label-text Gravity Support Forums Topic: Moving the required field span before the label text en-US Sat, 04 Apr 2026 12:44:26 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/moving-the-required-field-span-before-the-label-text#post-44649 Wed, 21 Dec 2011 06:53:13 +0000 Lea Cohen 44649@https://legacy.forums.gravityhelp.com/ <p>Thank you, Jay.<br /> Actually, we decided not to go through with moving the required field, but since you answered, I tried your solutions, but they don't solve my problem.</p> <p>My problem arises from the fact that I have given the labels a fixed width, so that all the input fields will begin at the same posuition. Then I alligned the text to the right, as that was the design. Therefore each label's text begins in a different place, and floating or absolutely positioning the "required" span puts them to the left of the width of the label, and that's not good for me.<br /> Here is a screenshot of <a href="http://c3.ort.org.il/Apps/Public/getfile.aspx?inline=yes&amp;f=files/ba3c28fc-8c3e-46d9-b4f3-effda4c7e27b/92512b48-c566-4a05-a955-39003e9c4b5d/941ed241-8b15-4c87-8111-980b1fef8e1e/11b68b3e-9c1b-4348-a3bc-a8078b4fe908.png" rel="nofollow"> what I need to acheive</a>, and this is a screen shot of <a href="http://c3.ort.org.il/Apps/Public/getfile.aspx?inline=yes&amp;f=files/ba3c28fc-8c3e-46d9-b4f3-effda4c7e27b/92512b48-c566-4a05-a955-39003e9c4b5d/941ed241-8b15-4c87-8111-980b1fef8e1e/a0c73ba3-443f-4bc1-be31-27a97d12020d.png" rel="nofollow">what I can acheive using float or position:absolute</a>.</p> <p>You don't have to keep on looking for a solution for this, as as I said before, the design changed and left the asterisk to the right of the field. I'm just gave this description in order to show that there is a case in which CSS alone can't help (or would be very tedious - if I give each specific required span a different left value), and controlling the HTML would be very helpful </p> https://legacy.forums.gravityhelp.com/topic/moving-the-required-field-span-before-the-label-text#post-44519 Tue, 20 Dec 2011 10:15:36 +0000 Jay 44519@https://legacy.forums.gravityhelp.com/ <p>Yet another reason asterisks should be added via html or form name and not embedded into the source code. LIM. In the meantime, something like this should work.</p> <pre><code>[css] .gfield label { text-indent: 1em; position: relative; /* important */ } .gfield_required { float: left; }</code></pre> <p>- or -</p> <pre><code>[css] .gfield label { padding-left: 1em; position: relative; /* important */ } .gfield_required { position: absolute; top: 0; left: 0; }</code></pre> <p>either will work. If you have gf default css enabled, you might have to add !important. </p> https://legacy.forums.gravityhelp.com/topic/moving-the-required-field-span-before-the-label-text#post-43898 Tue, 13 Dec 2011 08:42:33 +0000 Lea Cohen 43898@https://legacy.forums.gravityhelp.com/ <p>Our design is such that the asterisk should be before the text. I tried to float the span left, but that takes it too far left. Is there a way to affect the HTML of the form? </p>