Strange Icons in Section Title

  • Resolved wayneokeefe

    (@wayneokeefe)


    7 years, 10 months ago

    What a fantastic plugin. I’ve added this to my website and the styling and functionality is just spot on.

    I am having a slight issue that I thought may have been due to a conflict with another plugin, but I disabled everything, apart from Site Origin Page Builder and Widget Bundle, but the issue remained.

    In summary there seems to be strange Mail (envelope) or Edit (pencil) icons appearing at the top of each section, where the section title would go.

    Have you come across anything like this preciously?

    Link to Form Page

    • This topic was modified 7 years, 10 months ago by wayneokeefe.
Viewing 4 replies - 1 through 4 (of 4 total)
  • Thread Starter wayneokeefe

    (@wayneokeefe)

    If you need any more info, regarding the plugins and theme I’m using, please let me know.

    Hi Wayne,
    there seem to be some conflicting CSS-Rules in your there or in one of your pulgins. For a quick workaround, you can add the following CSS-Rules to your site:

    #multi-step-form .fa.fa-envelope.form-control-feedback {
    left: 20px;
    margin-top: 14px;
}
#multi-step-form .fw-input-container {
    position: relative;
}

    All the best

    Thread Starter wayneokeefe

    (@wayneokeefe)

    leweohlsen,

    Thank you very much for your feedback, I really appreciate it.

    I had to modify it slightly, because it was happening with the Envelope and the Pencil depending on the field type.

    You mentioned it seemed to be a conflict with another plugin, so I disabled everything, apart from Multi Step Form and it was still happening.

    As you said this is a short term workaround and although much better than it was, it’s not very attractive, so any feedback on a more permanent solution, that removes the icons entirely would be greatly appreciated.

    Just in case anyone else has the same issue, I’ll post the slight adaptation I made to your helpful code to fix the pencils too.

    Thanks again

    • This reply was modified 7 years, 10 months ago by wayneokeefe.
    Thread Starter wayneokeefe

    (@wayneokeefe)

    `#multi-step-form .fa.fa-envelope.form-control-feedback {
    left: 10px;
    margin-top: 14px;
    }
    #multi-step-form .fw-input-container {
    position: relative;
    }
    #multi-step-form .fa.fa-pencil.form-control-feedback {
    left: 10px;
    margin-top: 14px;
    }
    #multi-step-form .fw-input-container {
    position: relative;
    }

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Strange Icons in Section Title’ is closed to new replies.