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.

cant adjust CSS for "ginput_container"

  1. Hello,

    si i had a form all styled nice but had to remove "state" field which was plain text and replace it with a new "state" field which is a drop down menu type field. now i cant figure out how to make it style the same as the fields next to it.

    located at http://globalgoldandsilver.com
    the form on the right, look for the "state" field.

    Posted 9 years ago on Friday September 14, 2012 | Permalink
  2. I assume you want the state drop down to be the same width, color, font and background as the other fields there? Try changing line 15233 in your theme's style.css from this:

    [css]
    #gform_wrapper_5 input[type="text"] {

    to this

    [css]
    #gform_wrapper_5 input[type="text"],
    body #gform_wrapper_5 select.gfield_select {

    That will apply the same styles to the drop down which apply to the other text inputs in that area.

    However, I could not test this because the page was loading extremely slowly and the CSS was not loading reliably. You might have to add additional rules, but this should apply to the drop down element.

    The stylesheet also has thousands of blank lines it in, which seems strange.

    Posted 9 years ago on Friday September 14, 2012 | Permalink
  3. Additionally, unrelated to this problem, you have four copies of jQuery being loaded:

    [html]
    <script src="http://globalgoldandsilver.com/wp-content/themes/global/js/jquery-1.3.2.min.js" type="text/javascript"></script>
    <script type="text/javascript" src="http://globalgoldandsilver.com/wp-content/themes/global/js/jquery-1.7.1.min.js"></script>
    <script type="text/JavaScript" src="http://globalgoldandsilver.com/wp-content/themes/global/js/jquery-1.4.2.min.js"></script>
    <script type='text/javascript' src='http://globalgoldandsilver.com/wp-includes/js/jquery/jquery.js?ver=1.7.1'></script>

    You only need one copy, the latest, properly enqueued in the head of the document. The others should be removed. It will cause you trouble at some point unless you take care of it.

    Posted 9 years ago on Friday September 14, 2012 | Permalink
  4. I edited the CSS as you suggested and cleaned up the extra spaces in the CSS and it all works great, TY!

    i know this is out of the scope but can you suggest the correct method for removing the extra jquery's?

    Best Regards.

    Posted 9 years ago on Wednesday September 19, 2012 | Permalink
  5. Good news on the CSS. Thank you for the update.

    Removing the extra jQuery depends on how it was added in the first place. It could be in a plugin, in the theme's functions.php, in the header.php or footer.php of the theme, or even from a plugin. You have to take a look through all the files (plugins and theme) in the wp-content folder to see how it's being added. Remove them one at a time and test to be sure you don't lose functionality.

    Posted 9 years ago on Wednesday September 19, 2012 | Permalink