https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons Gravity Support Forums Topic: pictures next to checkboxes and buttons en-US Mon, 20 Apr 2026 13:48:13 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58355 Wed, 09 May 2012 12:40:32 +0000 bhibbs 58355@https://legacy.forums.gravityhelp.com/ <p>Ok so i was able to style the wrapper but it didnt include the checkbox and the image is on top of the checkbox. do you have code to change position of checkbox so it is on top of the image to the right</p> <p>thanks </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58341 Wed, 09 May 2012 11:43:28 +0000 bhibbs 58341@https://legacy.forums.gravityhelp.com/ <p>do you have any example code to put checkbox under image?</p> <p>thanks </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58214 Tue, 08 May 2012 15:05:57 +0000 Carl Hancock 58214@https://legacy.forums.gravityhelp.com/ <p>@bhibbs Each form does not get it's own CSS stylesheet, and you do not edit or change the Gravity Forms stylesheet directly.</p> <p>You customize the form styles by adding CSS to your themes stylesheet that targets and styles the form elements how you want them styled.</p> <p>So for example, if you want to make the field labels red... you would add CSS to your themes stylesheet that targets the field elements of the form using the correct CSS selector and you would set it's color to red.</p> <p>You need to view the source for the page containing your form, see the id's and classes that are being used for the fields you want to customize using CSS and then target those elements using CSS to style them the way you want them.</p> <p>You would add this CSS to your themes stylesheet file.</p> <p>Based on the questions that you are asking, I would highly recommend doing what Rob suggested above which is hiring a WordPress consultant to implement this customization for you. </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58210 Tue, 08 May 2012 14:54:24 +0000 bhibbs 58210@https://legacy.forums.gravityhelp.com/ <p>Can you tell me how to access the .css style sheet for each form.<br /> Its directory where it is located inside wordpress? </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58208 Tue, 08 May 2012 14:42:55 +0000 Rob Harrell 58208@https://legacy.forums.gravityhelp.com/ <p>Each form has it's own unique wrapper ID and each field on every form has it's own unique ID in the li element. In combination, each form and field also has shared classes as described in this documentation:</p> <p><a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a></p> <p>Have you considered hiring someone to do this job for you? You can always post on our job board:<br /> <a href="http://www.gravityhelp.com/forums/forum/job-board" rel="nofollow">http://www.gravityhelp.com/forums/forum/job-board</a> </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58205 Tue, 08 May 2012 14:32:26 +0000 bhibbs 58205@https://legacy.forums.gravityhelp.com/ <p>So each gravity form made get its own .css style attached to it?</p> <p>this is what i want to do.<br /> <a href="http://img703.imageshack.us/img703/9508/tvchannels.jpg" rel="nofollow">http://img703.imageshack.us/img703/9508/tvchannels.jpg</a> </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58195 Tue, 08 May 2012 14:10:33 +0000 Rob Harrell 58195@https://legacy.forums.gravityhelp.com/ <p>Each form has it's own unique ID and has many different ways to uniquely hook onto elements. What are you having a hard time with specifically?</p> <p>Also, each field has the ability to place a class and each form can also have a class applied to it as well. But, as I said above, there are many ways to do unique selectors based on form ID.</p> <p>For example, this snippet would only effect labels inside of radio and checkbox fields on the form with the ID of 1: </p> <pre><code>[css] #gform_wrapper_1 .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin: 0 0 0 10px !important; }</code></pre> <p>To where as this selector would apply to all gravity forms:</p> <pre><code>[css] .gform_wrapper .gfield_checkbox li label, .gform_wrapper .gfield_radio li label { margin: 0 0 0 10px !important; }</code></pre> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58190 Tue, 08 May 2012 13:54:42 +0000 bhibbs 58190@https://legacy.forums.gravityhelp.com/ <p>I will have to change the css inside gravityform because we have multiple forms with radiobuttons unless i can make a separate class for the gravityform i am making now.</p> <p>how do i locate the gravityform css inside wordpress? </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58172 Tue, 08 May 2012 12:26:24 +0000 Rob Harrell 58172@https://legacy.forums.gravityhelp.com/ <p>The screenshot I showed you is coming from our plugin's default styles (forms.css). The selector below the arrow in my screenshot is coming from your theme's stylesheet (style.css). The selector I provided can be placed into your theme's stylesheet. In most cases our default styles do the job, but in your situation here, it is unique and custom - which requires you to write your own CSS and target the correct elements to do so. There are a lot of great resources here regarding CSS:</p> <p><a href="http://www.gravityhelp.com/other-resources/" rel="nofollow">http://www.gravityhelp.com/other-resources/</a></p> <p>and some guides here regarding our selectors and form structure:<br /> <a href="http://www.gravityhelp.com/documentation/page/Design_and_Layout" rel="nofollow">http://www.gravityhelp.com/documentation/page/Design_and_Layout</a> </p> https://legacy.forums.gravityhelp.com/topic/pictures-next-to-checkboxes-and-buttons#post-58170 Tue, 08 May 2012 12:24:42 +0000 bhibbs 58170@https://legacy.forums.gravityhelp.com/ <p>oh ok so the css rule for the radio buttons is inside my theme .css file? </p>