Tagged: 

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • January 6, 2022 at 5:25 pm #1334573
    leahmessina

    We use the plugin “forminator” for nearly every website. All of our 20+ enfold websites struggle to accept forminator styling. Essentially, the Enfold theme overrides all the customization we try to make, and most of the time we are forced to use CSS to override theme conflicts.

    On the link in the private area, the “email” field has a border around it that should not be there, and I cannot get it removed. I tried to force it with CSS, but I could not get it right. The other two fields above and below it do not have this border so I am not sure why it is showing on only one field.

    Are there other users experiencing troubles with forminator? Is there a way to address these theme conflicts? We enjoy the simplicity of enfold theme, but the management of all of the plugin/theme conflicts with forminator make me want to switch these sites to divi or another theme with fewer conflicts.

    January 7, 2022 at 5:15 am #1334631
    Ismael

    Hey leahmessina,

    Thank you for the inquiry.

    The input fields in the theme has a 1px border by default, which is declared in the css > base.css file. To make sure that the plugin overrides these styles, the external file that contains the plugin modifications should be loaded after the base.css file or after the theme styles. You may need to ask the plugin authors to adjust the priority of the plugin stylesheets and make sure that it loads after the default theme stylesheets.

    This is the default style for the input fields in the default theme stylesheets. 

    #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;
}

    Best regards,
    Ismael

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.