Cant remove Border from text box

  • Profile Image
    keurulan
    Asked on April 02, 2018 at 08:06 AM

    https://eu.jotform.com/build/80912785897374

    I would have created random number coupon code for you Facebook site:

    Ideally the code would look like this:

    FACEBOOK124L

     

    I got close with only googling CSS guides, so now it looks like this:

    FACEBOOK

    124L

     

    But the random number generator box still has that nasty border, I cannot find a way to remove it!

     

    I have already tried this and several other CSS tricks you have posted to others, to no avail..

     

     

    form-all {
    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
    }

    EDIT: I found in advanved CSS editor, that the exact field in question is: .custom-field-frame.custom-field-frame-rendered.frame-ready

     

    I tried to apply "border-style: none;" to it, but it still doesnt work. I also tried to break it to its three logical parts and applying the rule individually, still no use.

  • Profile Image
    Victoria_K
    Answered on April 02, 2018 at 09:15 AM

    Please try to inject the custom css to the widgets css section:

    1522674828screenshotsnwjt.png

    #valueContainer {

      border: none !important;

      box-shadow: none !important;

    }

    We will gladly assist if you need more help.

  • Profile Image
    keurulan
    Answered on April 02, 2018 at 09:55 AM

    Thank you! It worked!