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.

Change the font size on Section Break title

  1. kingsburyj
    Member

    I am trying to style the section break title differently from the main website's font. The section break font is far too large. I've searched around and found some tips, but as a newb, I'm not sure how or where to put the snippets? Here's the site and form I'm trying to change...
    http://www.backgroundcheckswork.com/order

    I would like this change to affect all my forms. So do I place the css style in my wordpress theme's stylesheet and where??

    Thanks so much!!

    Posted 12 years ago on Friday June 22, 2012 | Permalink
  2. David Peralty

    In your custom_style.php you have:

    h2 {
    font-size: 2.0004em !important;

    This is what is currently controlling the font size of these elements, and as such, you can't override it since it is already set to override anything else you put in. You can change the font size value to a lower number to shrink the text, or if that isn't idea, we can work on another answer if you so choose.

    As for where you put things, have a look at this:
    http://www.gravityhelp.com/documentation/page/Where_Do_I_Put_This_Code%3F

    Posted 12 years ago on Friday June 22, 2012 | Permalink
  3. kingsburyj
    Member

    Thanks for the reply! Is it possible to make the Section break title use h3 instead of h2? That would also work to shrink the size down.

    Thanks!!

    Posted 12 years ago on Friday June 22, 2012 | Permalink
  4. David Peralty

    Unfortunately, you can't/shouldn't change Gravity Forms core code to match the html you want to use. You could remove the !important from your custom CSS and then be able to override the style later on for those using their class name and whatnot.

    Posted 12 years ago on Friday June 22, 2012 | Permalink
  5. kingsburyj
    Member

    Thank you for the replies! I found the code you mentioned for the theme and instead, changed the coefficient to which h2 resizes and resized h1 to be the same size as h2 previously was, then changed the headers on the website. Definitely an easier workaround, cause this theme apparently overrides everything. Thanks for helping me brainstorm it!

    Posted 12 years ago on Friday June 22, 2012 | Permalink
  6. David Peralty

    No problem. All my best!

    Posted 12 years ago on Friday June 22, 2012 | Permalink

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