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 dropdown color on date and time am/pm

  1. andrew hewinson
    Member

    Hi,
    I can't seem to change the background color of the dropdown menus in the image below
    http://awesomescreenshot.com/0c1tb192f
    here is the page on the site -
    http://www.waterfrontportmelbourne.com.au/coral-room-wedding-confirmation-form
    I have changed other components by adding to themes custom css. Thanks for your time.
    Cheers,
    Andrew

    Posted 12 years ago on Wednesday February 1, 2012 | Permalink
  2. You're not targeting the select element (drop down) to inherit the same properties are you are the inputs and textareas.

    You'll want to edit your custom CSS, find these two rules..

    [css]
    input, textarea {
        border: 1px solid #caa95f;
    }
    input, textarea {
        background: none repeat scroll 0 0 transparent ;
    }

    and change them to this ( one more specific rule that includes the select element )

    [css]
    body .gform_wrapper .gform_body .gform_fields .gfield input,
    body .gform_wrapper .gform_body .gform_fields .gfield textarea,
    body .gform_wrapper .gform_body .gform_fields .gfield select {
        border: 1px solid #caa95f;
        background: none repeat scroll 0 0 transparent
    }

    and it appears to work.. at least in the browsers I checked.

    screenshot: http://bit.ly/wgVfV5

    Be advised that styling/CSS support for select elements differs quite a bit among browsers. What works in one may not always work in another.

    http://www.456bereastreet.com/lab/styling-form-controls-revisited/select-single/

    You'll want to test in a few different browsers to see how it looks. Good luck.

    Posted 12 years ago on Wednesday February 1, 2012 | Permalink
  3. andrew hewinson
    Member

    Hi Kevin,
    That absolutely worked! Thank you so much for your help.
    Enjoy your week,
    Andrew

    Posted 12 years ago on Wednesday February 1, 2012 | Permalink
  4. Wonderful. I'm happy I could help. Thanks for the update.

    Posted 12 years ago on Wednesday February 1, 2012 | Permalink

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