• Resolved zukenstein

    (@zukenstein)


    Hi I am using this theme

    https://themeforest.net/item/enfold-responsive-multipurpose-theme/4519990

    and when I have applied the latest version of CFF 5.0.587 it is causing a conflict. When a field is aligned center it aligns the text heading for it central but the input box is aligned left.
    If I revert back to the previous version of CFF 5.0.584 I had installed everything aligns correctly, I have never had this before.
    I have also noticed in the plugin list in the dashboard if you click the details button on the new version 5.0.587 of CFF plugin all you get is a blank with “plugin not found”

    I have taken screeshots to show the examples here:

    https://propertyanalysistools.co.uk/cff/

    and here is a test page showing the fields out of position.

    https://propertyanalysistools.co.uk/test-page/

    Thanks

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter zukenstein

    (@zukenstein)

    Any thoughts on this?

    Plugin Author codepeople

    (@codepeople)

    Hello @zukenstein

    My apologies for the delay in responding to your questions. I had not received the notification for your first entry. I’ve visited your page’s URL: https://propertyanalysistools.co.uk/test-page/, but it is displaying a 404 Error page not found.

    Where can I see the form with the issue to check the styles on your page?

    Best regards.

    Thread Starter zukenstein

    (@zukenstein)

    Sorry it was set to private try now

    https://propertyanalysistools.co.uk/test-page/

    Plugin Author codepeople

    (@codepeople)

    Hello @zukenstein

    The issue is not caused by our plugin. Your theme includes the following style definition:

    #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: 1em "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
        color: #777;
        margin: 0;
        width: 100%;
        display: block;
        margin-bottom: 20px;
        background: #fff;
        border-radius: 0px;
    }

    That applies the CSS rule display: block; to every input tag.

    To prevent the styles defined by the theme affect your form, enter the style definition below through the “Customize Form Design” attribute in the ”Form Settings” tab (https://cff.dwbooster.com/images/documentation/form-settings-tab.png):

    #fbuilder  input[type="text"],
    #fbuilder  input[type="date"],
    #fbuilder  input[type="datetime"],
    #fbuilder  input[type="email"],
    #fbuilder  input[type="password"],
    #fbuilder  input[type="number"],
    #fbuilder  input[type="search"],
    #fbuilder  input[type="time"],
    #fbuilder  input[type="url"],
    #fbuilder  textarea,
    #fbuilder  select {display:inline-block !important;}

    Best regards.

    Thread Starter zukenstein

    (@zukenstein)

    Ok that worked thanks very much.

    But I would like to understand this, you said it was not caused by your plugin but why did it not do it with the older version of your plugin but did it with the newer version? I changed nothing else.

    I just want to understand to learn so I don’t come on here asking so many questions!

    Once again thank you for supplying an answer, I love using your plugin.

    Plugin Author codepeople

    (@codepeople)

    Hello @zukenstein

    We have modified the order in which the files are loaded to load the CSS files of our plugin as soon as possible.

    Best regards.

    Thread Starter zukenstein

    (@zukenstein)

    Ok thats great thanks for the explanation

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Latest version conflict with theme’ is closed to new replies.