-
Posts
-
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 (https://kriesi.at/support/topic/css-column-short-code-messing-up-contact-forms#post-94711) and it’s still not working.
Please help!
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
- The topic ‘Form Style Conflicts’ is closed to new replies.