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.

Date picker month can't be read.

Gravity Support Forums » Plugin Support » Gravity Forms

  1. Ndworman
    Member

    The date picker font for the month is white, as is the background, so it can't be seen at all. How do I adjust so that font is contrasted from background?

    Posted 12 years ago on Wednesday March 14, 2012 | Permalink

  2. Kevin Flahaut
    Administrator

    That's not the default styling. Something in your theme is overriding the defaults. Since you didn't post a URL to your form page, I can't really tell you what. Please post a URL to your form and we'll be happy to look at it and point you in the right direction.

    Posted 12 years ago on Wednesday March 14, 2012 | Permalink

  3. Ndworman
    Member

    I made a test form here:

    http://thefatblackpussycat.com/testiuty/

    Posted 12 years ago on Thursday March 15, 2012 | Permalink

  4. Rob Harrell
    Member

    So it looks like it's picking up the body color of white from your stylesheet. So you could drop this into your theme's stylesheet:

    [css]
table.ui-datepicker-calendar thead {
color: black;
}
.ui-datepicker-title {
color: black;
}
    Posted 12 years ago on Thursday March 15, 2012 | Permalink

  5. Ndworman
    Member

    Will try it. Thanks!

    Posted 12 years ago on Saturday March 17, 2012 | Permalink

  6. Ndworman
    Member

    This didn't work. I'm using Thesis, and I dropped it into the custom.css file

    Posted 12 years ago on Wednesday March 21, 2012 | Permalink

  7. Kevin Flahaut
    Administrator

    Looks like you may need to use better CSS inheritance to override your theme styles. Try this instead.

    [css]
html body.custom div#ui-datepicker-div.ui-datepicker {
	color: #000 !important
}

    test screenshot: http://i.imgur.com/kv7Cl.png

    It looks like you've got some other layout issues too. The datepicker uses the default jQuery UI styles so it's not Gravity Forms specific styling. If you're still having issues with it, you'll probably want to approach the Thesis support team for more guidance.

    Posted 12 years ago on Wednesday March 21, 2012 | Permalink

  8. Ndworman
    Member

    I will try this later today. Do you do any custom work? I want the form submissions entered into my mailing list MySql database. Should be pretty simple.

    Posted 12 years ago on Monday March 26, 2012 | Permalink

  9. Rob Harrell
    Member

    We have a job board you can post on for custom work:

    http://www.gravityhelp.com/forums/forum/job-board

    Posted 12 years ago on Monday March 26, 2012 | Permalink

  10. Ndworman
    Member

    The CSS you gave me does not work. The month names still show white on white. I know you say I have layout issues, but the calendar is the only thing on the page? What should I do?

    Posted 12 years ago on Tuesday March 27, 2012 | Permalink

  11. Kevin Flahaut
    Administrator

    Yeah, it works if you implement it properly. Check out the screenshot I included in my previous post.

    test screenshot: http://i.imgur.com/kv7Cl.png

    Where exactly did you place your CSS rule?

    Posted 12 years ago on Tuesday March 27, 2012 | Permalink

  12. Ndworman
    Member

    I placed it in my custom.css file.

    I asked the guys at Thesis and they gave me this:

    .ui-datepicker-div, .ui-datepicker-inline, #ui-datepicker-div {color:#000;}

    Posted 12 years ago on Tuesday March 27, 2012 | Permalink

  13. Kevin Flahaut
    Administrator

    And did that work for you?

    Posted 12 years ago on Tuesday March 27, 2012 | Permalink