Form Maker 10WEB – Field is required – Change Background-color

  • Resolved bigasstony

    (@bigasstony)


    5 years, 6 months ago

    Hi, I am trying to change the background color of the warning thing (just want to delete it actually, but white will do – probably could do with hiding the wobble animation as well) it appears when you click the contact forms submit button using – Form Maker by 10WEB.

    I have tried to inspect it, but I can’t figure out how to get the css class name so I can adjust it. All it show is

    element.style {
    position: relative;
    left: 0px;
    top: 0px;
    background-color: rgba(255, 143, 139, 0.89);
    }

    Currently it’s red as displayed above… but for the life of, just can’t figure out how to find the actual class.

    Shame they didn’t give us a list of common adjustable css classes.

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Zhanna Khachatryan

    (@zhannak)

    5 years, 6 months ago

    Hi @bigasstony,

    Thanks for your inquiry.

    To remove the coloring, please apply the below code in Appearance > customize > additional CSS section:

    .fm-not-filled{
   color:inherit !important;
}

    To remove the animation, please enter wp-content/plugins/form-maker/js/main_div_front_end.js file, search (ctrl+F) shakeError and delete that function with this part:

    Query(parent_div).effect( "shake", {}, 500 ).css("background-color","#FF8F8B").animate({backgroundColor: old_bg}, {duration: 500, queue: false });

    Instead of deleting you can also comment out it, for this you need to add // before the function.

    Thread Starter bigasstony

    (@bigasstony)

    5 years, 6 months ago

    Hi, thanks for your quick response, was pretty surprised actually. Much appreciated.

    Ok, so I deleted the function as you mentioned above, but the contact form still shakes, and still has the red background thing.

    FYI I deleted this whole section:
    function shakeError() {
    old_bg=jQuery(parent_div).css(“background-color”);
    jQuery(parent_div).effect( “shake”, {}, 500 ).css(“background-color”,”#FF8F8B”).animate({backgroundColor: old_bg}, {duration: 500, queue: false });
    }

    function animateBodyToError() {
    jQuery(‘html’).animate({
    scrollTop: element_offset – (element_height + 40)
    }, 500, function() {
    document.scrollingElement.scrollTop = element_offset – (element_height + 40); /* For Safari.*/
    jQuery(window).off(“scroll”, scrollChecker);
    shakeError();
    });
    }

    if ( scrollTop > element_offset ) {
    animateBodyToError();
    } else {
    shakeError();
    }
    }

    I did however manage to stop the shake, but I did it by editing this file:
    /public_html/wp-includes/js/jquery/ui/effect-shake.min.js after doing a folder search for ‘shake’

    Any ideas?

    Thanks heaps

    Plugin Support Zhanna Khachatryan

    (@zhannak)

    5 years, 6 months ago

    Hi @bigasstony,

    Do you mean, that you have already managed to solve the shaking issue?

    Now you want only to be able to remove the red background?

    If yes, have you applied the code I have advised in my previous text? If yes and it didn’t help then please enter form options > developer mode > yes.

    After this please try to check again and if this won’t help please send me the form page URL to check.

    Thread Starter bigasstony

    (@bigasstony)

    5 years, 6 months ago

    Hi thanks so much Zhanna, you rock!
    Yep it works with ‘developer mode’.

    So it’s ok to leave ‘developer mode as yes’ right ?

    Thanks again!

    Plugin Support Zhanna Khachatryan

    (@zhannak)

    5 years, 6 months ago

    Hi @bigasstony,

    Great! Thanks for keeping me updated.

    Yes, no issue for keeping “developer mode” enabled.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Form Maker 10WEB – Field is required – Change Background-color’ is closed to new replies.