What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    How can I change the color of the choose country and numbers from blue to another color that fits my site?

    Asked by milladesign on March 16, 2016 at 10:50 AM
    And how can I change the color of the choose country and numbers from blue to another color that fits my site?
    change color country dropdown
  • Profile Image
    JotForm Support

    Answered by Charlie on March 16, 2016 at 11:38 AM

    Are you referring to the highlight color blue in the drop down fields?

     

    Unfortunately, it seems like it is not possible to change that highlight color. I believe it is rendered by OS and not CSS. There are some hacks or workarounds that you can try BUT they do not work 100% on all browsers. Here are the discussions I found:

    https://www.speich.net/articles/en/2014/01/23/css-trick-setting-background-color-of-a-selected-html-option-element/ 

    https://forum.userstyles.org/discussion/43506/how-do-you-style-dropdown-lists-hover-color 

    http://stackoverflow.com/questions/17740391/change-select-list-option-background-colour-on-hover-in-html 

     

    I hope that helps. I'll continue looking for a possible workaround for this.

  • Profile Image

    Answered by milladesign on March 17, 2016 at 03:46 AM
    ok, thank you.
    Is it possible for me now to share my form with my custumer? She has now created an account with joform, and she are ready to use the form I’ve designed.
    Camilla
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...
  • Profile Image

    Answered by milladesign on March 17, 2016 at 03:46 AM
    sorry, found the way to copy the link and open it in my customers account.
    Camilla
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...
  • Profile Image

    Answered by milladesign on March 17, 2016 at 03:46 AM
    no actually I refer to this blue color:
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...
  • Profile Image
    JotForm Support

    Answered by Nik_C on March 17, 2016 at 04:02 AM

    Could you please provide more information to what color and where do you want to change?

  • Profile Image
    JotForm Support

    Answered by Nik_C on March 17, 2016 at 04:29 AM

    To send an image to the Jotform support forum you have to be logged in to Jotform. Please try logging in to Jotform before posting an image.

  • Profile Image

    Answered by milladesign on March 17, 2016 at 04:46 AM
    its this small blue one in this dropdown meny for how many items one wants to order, see screenshot:
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...
  • Profile Image
    JotForm Support

    Answered by beril on March 17, 2016 at 05:30 AM

    Hi again,

    First of all, thank you for your screenshot. However, we cannot see your screenshot on the forum.

    As my colleague was mentioned above,  the screenshots attached to the email response cannot be posted to the forum thread. You must log in to JotForm while you are attaching the screenshots.

    Here is how to do:

    We would appreciate it if you could send your screenshot when you log in to JotForm account.

    I look forward to hearing from you soon.

  • Profile Image

    Answered by talen on March 17, 2016 at 05:31 AM

    and, oh, I am so sorry about all of my questions, but

    is there by any chance possible to make the ordering list in two columns? or else there will be a lot of scrolling, the list will be quite long ...

     

    a

    nd also I think the white boxes that the customers shall fill in are bit narrow is it possible to adjust them bit on the hight, can't seem to find it.

     

  • Profile Image

    Answered by talen on March 17, 2016 at 05:33 AM

    the blu color:

  • Profile Image

    Answered by milladesign on March 17, 2016 at 05:46 AM
    yes I’ve gone and done that now in the tread...
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...
  • Profile Image

    Answered by talen on March 17, 2016 at 05:54 AM

    sorry, I see I posted the two posts above from my clients login

     

  • Profile Image
    JotForm Support

    Answered by beril on March 17, 2016 at 06:13 AM

    First of all, you don't need to be sorry about that. We are really enjoying while we are solving your issues. Now I understand, you want to change the color of arrow:

    Can you try to add the code below to change the color of arrow?

     

        select {

        /* make arrow and background */

      background : linear-gradient(45deg, transparent 50%, blue 50%),

        linear-gradient(135deg, blue 50%, transparent 50%),

        linear-gradient(to right, skyblue, skyblue);

        background-position : calc(100% - 21px) calc(1em + 2px),

        calc(100% - 16px) calc(1em + 2px),

        100% 0;

        background-size : 5px 5px,

        5px 5px,

        2.5em 2.5em;

        background-repeat : no-repeat;

        /* styling and reset */

      border : thin solid blue;

        font : 300 1em/100% "Helvetica Neue", Arial, sans-serif;

        line-height : 1.5em;

        padding : 0.5em 3.5em 0.5em 1em;

        /* reset */

      border-radius : 0;

        margin : 0;

        -webkit-box-sizing : border-box;

        -moz-box-sizing : border-box;

        box-sizing : border-box;

        -webkit-appearance : none;

        -moz-appearance : none;

    }

    Here is how it works:

  • Profile Image
    JotForm Support

    Answered by beril on March 17, 2016 at 06:18 AM

    It seems you have a new question. I will answer your question at the following link:

    http://www.jotform.com/answers/796607

    http://www.jotform.com/answers/796608

  • Profile Image

    Answered by milladesign on March 17, 2016 at 06:46 AM
    thank you
    _____________________________________________________________________
    MILLA.
    www.milla-design.no
    Camilla Jakobsen
    Tlf: + 47 905 70 107
    E-post: milla@milla-design.no
    Slemmestadveien 416, 1390 Vollen
    ...