https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget Gravity Support Forums Topic: Mimic Title Design of Thesis Widget en-US Wed, 22 Apr 2026 05:05:43 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget#post-56621 Thu, 26 Apr 2012 09:10:45 +0000 David Peralty 56621@https://legacy.forums.gravityhelp.com/ <p>Great stuff Kyle. </p> https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget#post-56603 Thu, 26 Apr 2012 05:42:07 +0000 kyle 56603@https://legacy.forums.gravityhelp.com/ <p>They are nearly all required viewing, but check out this screencast at <a href="http://css-tricks.com/" rel="nofollow">CSS Tricks</a>:</p> <p><a href="http://css-tricks.com/video-screencasts/15-introduction-to-firebug/" rel="nofollow">Introduction to Firebug</a></p> <p>I use Chrome's Developer Tools, but they work along the same lines. </p> https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget#post-56602 Thu, 26 Apr 2012 04:58:19 +0000 Ken11 56602@https://legacy.forums.gravityhelp.com/ <p>Thanks very much Kyle....perfect.<br /> Even though I have played around with CSS a bit, it still amazes me how you guys just know exactly what to do.<br /> Regards, Ken </p> https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget#post-56583 Wed, 25 Apr 2012 20:35:45 +0000 kyle 56583@https://legacy.forums.gravityhelp.com/ <p>Add the following css to the bottom of your custom.css:</p> <pre><code>[css] .custom #gform_widget-5 h3.gform_title { width: 100%; margin-top: 0; margin-right: 0 ; } .custom .gform_wrapper .gform_heading { width: 100%; margin-right: 0 } .custom #gform_wrapper_2 { margin-top: 0; margin-right: 0; width: 100%; max-width: 100%;}</code></pre> https://legacy.forums.gravityhelp.com/topic/mimic-title-design-of-thesis-widget#post-56576 Wed, 25 Apr 2012 18:40:04 +0000 Ken11 56576@https://legacy.forums.gravityhelp.com/ <p>I have created a GF Widget in a Thesis sidebar - see <a href="http://www.helpwithmaths.com.au" rel="nofollow">http://www.helpwithmaths.com.au</a><br /> My goal is to make the Title styling of the gravity form identical to the title styling of the other two Thesis widgets in the sidebar (recent posts and categories).<br /> Can someone please advise me how to...<br /> 1) Close the current gap between the "HELP ME NOW" title of the form and the horizontal line above it, and<br /> 2) Extend the Form Title so that it is the same length as the horizontal line.<br /> Thanks in advance, Ken. </p>