Custom CSS for Localized Calendar widget - RESOLVED

I have just added the Localized Calendar widget to my form 60487350939970

I'm trying to use the custom CSS option and I can't get it to anything for me.

The 'Date' is #input_31  and I put in the following 

#input_31 { text-align: center; color#778;} I also want it to like the rest of the forms format with rounded corners etc. but until I can get this simple script to work I won't add any more.

thank you,

Robert

You can add the following under Widget CUSTOM CSS tab.

input{

    padding: 4px 3px 2px 3px;

    font-weight: bold;

    text-align: center;

    border-radius: 6px;

    border-style: inset;

    border-color: #3c1111;

    color: #884444;

    background-color: rgba(223, 222, 196, 0.98);

}

Clone URL: https://form.jotform.com/61304776303956.

Well Thank You very much. Exactly what the user ordered.

I was close but I used the exact id for the element. Now I understand completely.

Have a Great Day,

Robert

You are welcome Robert!  Thank you!