Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #23684

    I have a pretty big issue going on. My Formidable form (http://is.gd/tANfgc) isn’t applying any of the styles that I specified (and yes, it’s set to use Formidable styling). And I thought it was just the FP form, but there are styling conflicts with all forms I attempt to place from third parties. This one is a js snippet from aweber (http://is.gd/eEGyKZ).

    I don’t have them placed in columns or anything like that (as I’ve had that problem using a FP form on Propulsion and found a work around). I tried both suggestions here (http://www.kriesi.at/support/topic/css-column-short-code-messing-up-contact-forms#post-94711) and it’s still not working.

    Please help!

    #120776

    Hi,

    You can find all the form layout of the theme on css > base.css

    /* #Forms
    ================================================== */

    #top form {
    margin-bottom: 20px; }
    #top fieldset {
    margin-bottom: 20px; }
    #top .input-text,
    #top input[type="text"],
    #top input[type="input"],
    #top input[type="password"],
    #top input[type="email"],
    #top input[type="number"],
    #top input[type="url"],
    #top input[type="tel"],
    #top input[type="search"],
    #top textarea,
    #top select {
    -webkit-appearance: none;
    border: 1px solid #e1e1e1;
    padding: 8px 6px;
    outline: none;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 0;
    width: 210px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff;
    -webkit-font-smoothing: antialiased;
    border-radius: 0px;
    }

    #top input[type="text"]:focus,
    #top input[type="password"]:focus,
    #top input[type="email"]:focus,
    #top input[type="number"]:focus,
    #top input[type="url"]:focus,
    #top input[type="tel"]:focus,
    #top input[type="search"]:focus,
    #top textarea:focus {
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.2);
    color: #555;
    }
    #top textarea {
    min-height: 60px; line-height:1.5em;}
    #top label{
    display: block;
    font-weight: bold;
    font-size: 12px; }
    #top legend {
    display: block;
    font-weight: normal;
    font-size: 15px; }
    #top select {
    width: 220px; }
    #top input[type="checkbox"] {
    display: inline; }
    #top label span,
    #top legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }

    #top textarea{width:100%;}

    #top #wrap_all .valid .text_input, #top #wrap_all .valid .text_area{border:1px solid #9AA600;} /*#70A41B*/
    #top #wrap_all .error .text_input, #top #wrap_all .error .text_area{border:1px solid #DF653E;}
    #top #wrap_all .ajax_alert .text_input, #top #wrap_all .ajax_alert .text_area{border:1px solid #ffb628;}

    You can remove or edit them to avoid conflict with other plugin style.

    Regards,

    Ismael

Viewing 2 posts - 1 through 2 (of 2 total)

The topic ‘Form Style Conflicts’ is closed to new replies.