Custom CSS for Localized Calendar widget - RESOLVED

  • Profile Image
    AA_C
    Asked on May 10, 2016 at 10:44 AM

    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

     

  • Profile Image
    Huberson
    Answered on May 10, 2016 at 12:51 PM

    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.

     

  • Profile Image
    AA_C
    Answered on May 10, 2016 at 04:02 PM

    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

  • Profile Image
    Huberson
    Answered on May 10, 2016 at 05:06 PM

    You are welcome Robert!  Thank you!