https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please Gravity Support Forums Topic: CSS tweak for Thesis (and other themes) please? en-US Mon, 20 Apr 2026 08:08:53 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-7185 Thu, 08 Jul 2010 22:29:34 +0000 photoads 7185@https://legacy.forums.gravityhelp.com/ <p>I always use this css in the custom.css for thesis themes</p> <pre><code>/* Formats form fields properly*/ .format_text input { width:auto; }</code></pre> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-7089 Wed, 07 Jul 2010 11:25:22 +0000 Kevin Flahaut 7089@https://legacy.forums.gravityhelp.com/ <p>So, after tinkering with the CSS snippet I proposed before, I decided this is probably a better approach.. added to my Thesis custom.css file.</p> <pre><code>.gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li {display:block; overflow:auto;} .gform_wrapper .gfield_checkbox li label,.gform_wrapper .gfield_radio li label {width:95%; float:right; padding:0 0 3px 0;}</code></pre> <p>It works well in all the browsers I tested.</p> <p><a href="http://grab.by/grabs/8729371c033cd2562fc0178f462bf755.png" rel="nofollow">test screenshot</a></p> <p>It should work in most other themes as well.. there's nothing really Thesis specific in these rules. </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-7024 Mon, 05 Jul 2010 22:32:15 +0000 RichardBest 7024@https://legacy.forums.gravityhelp.com/ <p>Thanks Kevin. I really appreciate your help with this. I've sent you an email.</p> <p>Cheers<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-7020 Mon, 05 Jul 2010 20:17:10 +0000 Kevin Flahaut 7020@https://legacy.forums.gravityhelp.com/ <p>Richard, I'm going to need to see your live form to be able to debug any further. I tested on a default Thesis install and it worked okay. It's most likely inheriting from your custom theme CSS somewhere.</p> <p>If you can post a URL that would be great. I can get a lot further actually seeing the behavior. If you'd prefer to email me the URL, that's fine, you can send it to kevin @ rocketgenius.com and I'll look at it as soon as I can. </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-7019 Mon, 05 Jul 2010 19:07:09 +0000 RichardBest 7019@https://legacy.forums.gravityhelp.com/ <p>Thanks very much Kevin. Much appreciated. What I see in your screenshot is precisely what I'm trying to achieve.</p> <p>When I add the code you've provided, the indentation issue is fixed. However, the radio buttons and check boxes are all replaced with a small round circle. </p> <p>Here are some screenshots (first one shows what should be radio buttons, second one shows what should be checkboxes): <a href="http://grab.by/5ho0" rel="nofollow">http://grab.by/5ho0</a> and <a href="http://grab.by/5hob" rel="nofollow">http://grab.by/5hob</a> </p> <p>Do you have any idea what might be causing that please? In case it helps to trouble shoot, I'm running GF v 13.2, WP 3.0, and have the Output CSS in GF settings turned on (i.e., "Yes").</p> <p>Many thanks for your help. Much appreciated.</p> <p>Richard</p> <p>P.S. I just did a test in Safari (MAC v 5.0); the buttons/checkboxes don't appear at all: <a href="http://grab.by/5hqc" rel="nofollow">http://grab.by/5hqc</a></p> <p>P.P.S. Sorry, one more thing... . I just compared Firefox and Safari without the code you've suggested. The margin/padding issue is not so pronounced with Safari. Overall, I'm most interested in the indentation of the second and subsequent lines of checkbox and radio button items. If trying to achieve perfection across browsers on the flush left issue is a problem, we could not ignore that and just focus on the indentation. Many thanks. </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-6997 Mon, 05 Jul 2010 10:21:13 +0000 Kevin Flahaut 6997@https://legacy.forums.gravityhelp.com/ <p>Richard, try adding this to your Thesis custom.css file</p> <p>[ REMOVED - see updated CSS in subsequent post ]</p> <p>That should give you the result you're looking for. I tested it on a default Thesis 1.7 install.</p> <p><a href="http://grab.by/grabs/7d7e71e122c2a67bf292198532bd1c7d.png" rel="nofollow">Test Screenshot</a></p> <p>I guess I'm not seeing your issue with the indentation on the radio buttons or checkboxes. Mine look like they're left aligned properly. I would have to see your actual form page to be able to give you any real direction on that. </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-6985 Mon, 05 Jul 2010 01:09:14 +0000 RichardBest 6985@https://legacy.forums.gravityhelp.com/ <p>Sorry - just one more thing. Would it also be an easy fix to make the radio buttons and check boxes sit flush left (like with the TwentyTen theme), rather than indented a bit?</p> <p>Thanks for any help<br /> Richard </p> https://legacy.forums.gravityhelp.com/topic/css-tweak-for-thesis-and-other-themes-please#post-6983 Mon, 05 Jul 2010 00:49:38 +0000 RichardBest 6983@https://legacy.forums.gravityhelp.com/ <p>Hi there - I'm just trialling Thesis and see you added some Thesis-specific CSS in 13.2 (which is great - thanks - given what Thesis was doing to GF before).</p> <p>I'm hoping you can help with a minor CSS tweak please. I was also experiencing this on on other themes, including TwentyTen, but on Thesis it's more pronounced.</p> <p>The issue is this: when a radio button or click box item spans more than one line, the second and subsequent lines are not indented, i.e., they don't sit flush with the starting words of the item. Is it possible to make a minor CSS tweak to correct this please? I can do it if you give me a steer...</p> <p>Many thanks<br /> Richard </p>