Please Note: We are no longer using forums to facilitate standard support. 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.

  1. 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 3 years ago on Wednesday March 14, 2012 | Permalink
  2. 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 3 years ago on Wednesday March 14, 2012 | Permalink
  3. I made a test form here:

    http://thefatblackpussycat.com/testiuty/

    Posted 3 years ago on Thursday March 15, 2012 | Permalink
  4. 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:

    table.ui-datepicker-calendar thead {
    color: black;
    }
    .ui-datepicker-title {
    color: black;
    }
    Posted 3 years ago on Thursday March 15, 2012 | Permalink
  5. Will try it. Thanks!

    Posted 3 years ago on Saturday March 17, 2012 | Permalink
  6. This didn't work. I'm using Thesis, and I dropped it into the custom.css file

    Posted 3 years ago on Wednesday March 21, 2012 | Permalink
  7. Looks like you may need to use better CSS inheritance to override your theme styles. Try this instead.

    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 3 years ago on Wednesday March 21, 2012 | Permalink
  8. 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 3 years ago on Monday March 26, 2012 | Permalink
  9. We have a job board you can post on for custom work:

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

    Posted 3 years ago on Monday March 26, 2012 | Permalink
  10. 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 3 years ago on Tuesday March 27, 2012 | Permalink
  11. 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 3 years ago on Tuesday March 27, 2012 | Permalink
  12. 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 3 years ago on Tuesday March 27, 2012 | Permalink
  13. And did that work for you?

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

 

Support Tickets

Open A New Support Ticket
 Open A New Priority Support Ticket *

* Developer license holders only