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.

Thesis and Styling

Gravity Support Forums » Plugin Support » Gravity Forms

  1. selym
    Member

    I've read a number of the Thesis styling related posts and I'm still scratching my head a bit.

    I don't know css, although I thought I could piece together enough information to make it work through research. I thought if I found what I wanted to manipulate in the plugins css file, and add it to my custom.css with the changes I wanted applied, I could make some headway. If that assumption is correct, then my issue is that I don't know how to tell what affects what in the plugins css file.

    To be honest, I don't care much about making my form flashy or anything. I'd be happy with a default type look (or rather, what I thought was default) with white text areas and the old gray Submit button, but what I have instead is gray text areas and a text Submit button.

    Anybody have any idea what I could do to just get this form looking, err, a bit more default than the actual default? ;)

    Thanks,
    Sel

    Posted 12 years ago on Thursday October 13, 2011 | Permalink

  2. Kevin Flahaut
    Administrator

    Can you post a URL to your form page? It's easier to offer suggestions if I can see what we're starting with.

    Posted 12 years ago on Thursday October 13, 2011 | Permalink

  3. selym
    Member

    Hi Kevin-

    Sure thing. Hope you don't mind I used bit.ly so the url isn't found just yet. Just a sandbox right now.

    http://bit.ly/n9Sd6y

    Thanks,
    Sel

    Posted 12 years ago on Friday October 14, 2011 | Permalink

  4. Kevin Flahaut
    Administrator

    Okay, got it. Thanks for the URL.

    So, thesis does some weird "blanket" CSS rules where for example, they define all inputs to have a width of 40%. Well, buttons are inputs too, so they inherit from that rule. That's why your button is elongated. There's a few other things like that that cause issues as well with Thesis.

    We used to include some Thesis-specific CSS rules in the default forms.css file to try to alleviate the issue, but it was a lot of extra CSS to load for everyone else who didn't use Thesis and it was something we had to always keep updating when Thesis released a new version. We opted to discontinue including the Thesis CSS rules in the plugin, but you can still find them here.

    http://www.gravityhelp.com/thesis-theme-specific-styles-removed-from-gravity-forms-1-5-css/

    Try grabbing that CSS block and adding it to the end of your custom CSS file. That should get you 95% of the way at least if it doesn't take care of everything.

    Hope that helps.

    Posted 12 years ago on Friday October 14, 2011 | Permalink

  5. selym
    Member

    Thanks Kevin. I appreciate you taking the time to respond and help. I don't blame you for removing the code and not catering to any one specific theme. I've run into the same issue before with other forms on Thesis, so I'd really like to figure this out.

    Unfortunately, that code added to my custom.css did not change anything. (I even tried the code someone added for the full width option that I am using).

    I think I'll head over to the Thesis forums and ask as well.

    Thanks,
    Sel

    Posted 12 years ago on Friday October 14, 2011 | Permalink

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