• Resolved Grika

    (@milogrikacom)


    When I create a form, the resulting form does not have field borders and the button is the exact width of the type.

    Is there a setting(s) that I’m missing or is there some site CSS that is getting in the way? Regardless, how might I fix it?

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author Constant Contact

    (@constantcontact)

    is there any chance you could publish this in an unlist spot so that we can see it long enough to provide some ideas? Right now we can’t see the preview of this url.

    Thread Starter Grika

    (@milogrikacom)

    Plugin Author Constant Contact

    (@constantcontact)

    Looks like while we try to rely on default styles for themes, sometimes that can also fail and result in not well styled forms.

    That said, I know we have some basic styles available per form in the right hand corner of the form editor.

    However, I have managed to get the form looking like this:

    https://cloudup.com/c-AlNDjmy5f

    Using this touch of CSS:

    .ctct-form label {
      text-align: left;
    }
    .ctct-form input[type="text"],
    .ctct-form input[type="email"]{
      border: solid #003e7e 1px;
      width: 100%;  
    }
    .ctct-form input[type="submit"] {
      background-color: #003E7E;
      border-color: solid #003E7E 1px;
      color: #fff;
      padding: 10px;
    }
    .ctct-form input[type="submit"]:hover {
      color: #666;
      background-color: #ccc;
      border: 1px solid #999;
    }
    .ctct-form .ctct-form-field-submit {
      text-align-last: left;
    }
    

    Should be able to be pasted into the “Additional CSS” area of the customizer or anywhere else you may have custom CSS.

    Thread Starter Grika

    (@milogrikacom)

    Excellent! That got me almost there. Still something wacky with the placement of the labels, but I can live with that if necessary.

    Plugin Author Constant Contact

    (@constantcontact)

    Glad I could help, even with a small touch of custom CSS to help along.

    Let us know if you need anything else.

Viewing 5 replies - 1 through 5 (of 5 total)

The topic ‘Field box visibility’ is closed to new replies.