-
AuthorPosts
-
April 10, 2014 at 8:53 pm #249927
Hi,
Enfold and Formidable Pro aren’t cooperating. I contacted Formidable support and they said the “#top” class in Enfold CSS is overriding Formidable CSS (my forms aren’t displaying as they should). It seems they should cooperate since Formidable was recommended : https://kriesi.at/support/topic/recommended-plugins-last-update-04-09-2013/
Please help as I need to finish my client’s site!
Thanks
April 10, 2014 at 9:55 pm #2499361. The width field settings in Formidable are being overridden by Enfold CSS:
/* #Forms
================================================== */
#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 {
…
width: 210px;
…
}2. In Formidable, if I choose the field labels to be set to “none” (rather than top, right, left, etc…) then the “block” CSS parameter overrides it:
#top label {
display: block;
font-size: 12px;
font-weight: bold;
}It seems if I get rid of the “#top” class in the Forms area of Enfold’s base CSS, then I should be ok? I’d rather not mess at all with the base CSS. But I need to solve this is my client’s site.
April 11, 2014 at 1:34 am #250003Hi!
Can you post the link to your website and post a screenshot showing the issues that needs to be fixed so we can take a look?
Cheers!
YigitApril 11, 2014 at 5:05 am #250097This reply has been marked as private.April 11, 2014 at 5:31 am #250103This reply has been marked as private.April 11, 2014 at 1:40 pm #250208Hey!
You can upload your screenshots on imgur.com or Dropbox public folder and post the links here
Regards,
YigitApril 11, 2014 at 6:46 pm #250337April 11, 2014 at 7:59 pm #250367This reply has been marked as private.April 12, 2014 at 6:44 am #250447Hey!
We would like to see the website but we need a temporary login details.
http://dev1.hirschinsuranceagency.com.s186031.gridserver.com/premium-query/
Regards,
IsmaelApril 12, 2014 at 8:16 am #250479This reply has been marked as private.April 13, 2014 at 8:32 am #250686Hi!
Glad that you fixed the header.
Please use this on Quick CSS or custom.css to fix the input fields:
#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 { min-width: 100% !important; }
Cheers!
IsmaelApril 13, 2014 at 10:08 pm #250802I actually already tried that. But it still overrides any specific field width settings in Formidable.
To “sort of” help (but still doesn’t solve the problem) I used:
#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 {
min-width: 0 !important;
}It’s better, but that doesn’t solve the problem either.
The main issue is that in Formidable, you can specify whether a field is full-width, or you can choose your own width (i.e. 5 characters wide for a number field, etc) and it seems like the “width” in base or child CSS should really be cleared/deleted for Formidable to work properly. Just my guess.
It seems like I have to get into the base CSS and delete “width: 210px” since I can’t really null it out. But, where is the base CSS? (Sorry, I’m not a WordPress or CSS master, but still learning!) Even though I prefer not to touch ANY base code, I’d be curious to know if this would solve the problem.
By the way, I was wondering why did you guys choose 210px for fields?
Just curious – I bought Formidable since you guys recommended it, but has anyone else mentioned any issues between Enfold and Formidable??
Thanks for the help!
April 15, 2014 at 6:12 pm #251721Hi!
You can find the file in the enfold/css folder (It’s called base.css). However I recommend to overwrite the default width with:
#top .frm_forms .input-text, #top .frm_forms input[type="text"], #top .frm_forms input[type="input"], #top .frm_forms input[type="password"], #top .frm_forms input[type="email"], #top .frm_forms input[type="number"], #top .frm_forms input[type="url"], #top .frm_forms input[type="tel"], #top .frm_forms input[type="search"], #top .frm_forms textarea, #top .frm_forms select { width: auto; }
– you can place this code into the quick css field
Best regards,
PeterMay 7, 2014 at 4:49 am #261077Ismael’s workaround worked for me with Ninja Forms. I was having the same problem and was using this workaround for textboxes, but I decided to go whole hog and do all the inputs as he suggested. We’ll see if it causes problems down the line but for now it’s working.
Thanks,
Frank -
AuthorPosts
- The topic ‘Enfold and Formidable Pro not cooperating’ is closed to new replies.