Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #1400796

    Hello,

    It seems that there is a theme-related issue with the form formatting.

    How it appears in the backend: https://ibb.co/844WjC2
    How it appears on the live site: https://ibb.co/D59tfnr

    The field color is supposed to be #555555, not white. This is happening on every form field.

    Enfold is updated to 5.4.1 and all of our plugins are up to date. We disabled Enfold and the forms all worked great.

    Issue can be found on all of the forms on the site (link and credentials are listed below)

    Assistance is appreciated!

    #1400877

    Hey vantagepointmg,
    Thanks for the link to your site, I see on your page /contact-us/ you are using the plugin Formidable, I can see that their css rules are too weak.
    So one solution would be to add this css to your Quick CSS:

    #top #main .with_frm_style input[type=text], #top #main .with_frm_style input[type=password], #top #main .with_frm_style input[type=email], #top #main .with_frm_style input[type=number], #top #main .with_frm_style input[type=url], #top #main .with_frm_style input[type=tel], #top #main .with_frm_style input[type=phone], #top #main .with_frm_style input[type=search], #top #main .with_frm_style select, #top #main .with_frm_style textarea, .frm_form_fields_style, #top #main .with_frm_style .frm_scroll_box .frm_opt_container, .frm_form_fields_active_style, .frm_form_fields_error_style, #top #main .with_frm_style .frm-card-element.StripeElement, #top #main .with_frm_style .chosen-container-multi .chosen-choices, #top #main .with_frm_style .chosen-container-single .chosen-single {
        color: #555555;
        background-color: #ffffff;
        border-color: #cccccc;
        border-width: 1px;
        border-style: solid;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        border-radius: 4px;
        width: 100%;
        max-width: 100%;
        font-size: 14px;
        padding: 6px 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        outline: none;
        font-weight: normal;
    }

    and see if that corrects, it is the css from the plugin that I adjusted to have more specificity.
    Or if you just want to change the text field color in the theme settings change the color of Enfold Theme Options ▸ General Styling ▸ Main Content ▸ Main Content Secondary Font Color

    Best regards,
    Mike

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