Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #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

    #249936

    1. 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.

    #250003

    Hi!

    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!
    Yigit

    #250097
    This reply has been marked as private.
    #250103
    This reply has been marked as private.
    #250208

    Hey!

    You can upload your screenshots on imgur.com or Dropbox public folder and post the links here

    Regards,
    Yigit

    #250337
    #250367
    This reply has been marked as private.
    #250447

    Hey!

    We would like to see the website but we need a temporary login details.

    http://dev1.hirschinsuranceagency.com.s186031.gridserver.com/premium-query/

    Regards,
    Ismael

    #250479
    This reply has been marked as private.
    #250686

    Hi!

    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!
    Ismael

    #250802

    I 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!

    #251721

    Hi!

    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,
    Peter

    #261077

    Ismael’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

Viewing 14 posts - 1 through 14 (of 14 total)
  • The topic ‘Enfold and Formidable Pro not cooperating’ is closed to new replies.