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.

Gravity form css conflicting with theme css

  1. I just set up a form and I am trying to get it lined up on the left side. All the form elements are indented by 20px because the li elements are indented elsewhere in the theme. How can I target the gravity form li element in css?

    Also, how can I go about formatting the submit button?

    http://www.littlebearsees.com/contact/

    Posted 12 years ago on Thursday November 24, 2011 | Permalink
  2. It's actually the theme css that is overriding the Gravity Forms CSS. You can remove that left indent by adding this to your theme's style.css:

    [css]
    body #content .gform_wrapper ul li {
    padding: 0;
    margin: 0;
    }

    I think this is the file http://www.littlebearsees.com/wp-content/themes/Little%20Bear%20Sees/style.css or wherever StudioPress wants you to make custom CSS edits in a child theme.

    Posted 12 years ago on Thursday November 24, 2011 | Permalink
  3. Regarding the submit button, it looks like StudioPress has already included some styles for you. It's on line 3384 of that same stylesheet in your child theme:

    .gform_footer .button (line 3384)
    Posted 12 years ago on Thursday November 24, 2011 | Permalink
  4. Thank you! That worked.

    Posted 12 years ago on Thursday November 24, 2011 | Permalink
  5. Great. Glad you got that resolved. Happy Thanksgiving.

    Posted 12 years ago on Thursday November 24, 2011 | Permalink

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