Form border isn't showing up

  • Profile Image
    JohnFraserScott
    Asked on March 02, 2015 at 05:20 PM

    Hi,

    I have recently sent in support enquiry about creating a border around one of my forms (How Can We Help?) and received this CSS code that needs to be injected into my form:

    .form-all {

    border: 2px solid black;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    border-radius: 10px;

    }

    Well, I did that, but the border just isn't showing up and I am fairly certain that I injected the code correctly. Could you please help?

    Vlad

  • Profile Image
    raul
    Answered on March 02, 2015 at 07:46 PM

    Please try to add the !important clause so the provided code won't get overridden by other settings. The CSS code would be the following:

    .form-all {
    border: 2px solid black !important;
    -webkit-border-radius: 5px !important;
    -moz-border-radius: 5px !important;
    border-radius: 10px !important;
    }

    And this would be the result:

    Hope this helps.

    Please let us know if you need further assistance.
    Best Regards.

  • Profile Image
    BWG
    Answered on March 03, 2015 at 05:48 PM
  • Profile Image
    BWG
    Answered on March 03, 2015 at 05:50 PM

    Thank you!. That worked, but no matter what I do, the right side of the border always gets cut off (http://fraserscott.com.au/sample-page/)

    Is there anything in the injected code that I could change to fix that?

    Vlad

     

  • Profile Image
    Mike
    Answered on March 03, 2015 at 06:07 PM

    The following CSS has been added to your form to fix a little width issue with embedded form.

    .form-all {
    max-width: 353px !important;
    }

    Thank you.