Form border isn't showing up

  • JohnFraserScott
    Asked on March 2, 2015 at 5: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

  • raul
    Replied on March 2, 2015 at 7: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:

    Form border isnt showing up Image 1 Screenshot 20

    Hope this helps.

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

  • BWG
    Replied on March 3, 2015 at 5:48 PM
  • BWG
    Replied on March 3, 2015 at 5: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

     

    Form border isnt showing up Image 1 Screenshot 20

  • Mike
    Replied on March 3, 2015 at 6: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;
    }

    Form border isnt showing up Image 1 Screenshot 20

    Thank you.