PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

Mimic Title Design of Thesis Widget

  1. Ken11
    Member

    I have created a GF Widget in a Thesis sidebar - see http://www.helpwithmaths.com.au
    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).
    Can someone please advise me how to...
    1) Close the current gap between the "HELP ME NOW" title of the form and the horizontal line above it, and
    2) Extend the Form Title so that it is the same length as the horizontal line.
    Thanks in advance, Ken.

    Posted 8 years ago on Wednesday April 25, 2012 | Permalink
  2. kyle
    Member

    Add the following css to the bottom of your custom.css:

    [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%;}
    Posted 8 years ago on Thursday April 26, 2012 | Permalink
  3. Ken11
    Member

    Thanks very much Kyle....perfect.
    Even though I have played around with CSS a bit, it still amazes me how you guys just know exactly what to do.
    Regards, Ken

    Posted 8 years ago on Thursday April 26, 2012 | Permalink
  4. kyle
    Member

    They are nearly all required viewing, but check out this screencast at CSS Tricks:

    Introduction to Firebug

    I use Chrome's Developer Tools, but they work along the same lines.

    Posted 8 years ago on Thursday April 26, 2012 | Permalink
  5. David Peralty
    Administrator

    Great stuff Kyle.

    Posted 8 years ago on Thursday April 26, 2012 | Permalink

This topic has been resolved and has been closed to new replies.