Support » Plugin: Material Design for Contact Form 7 » Greyed out submit button

  • Resolved Yannik Meirowski

    (@yannikmeirowski)


    Hey there!

    I’m using the CF7 Material Design Pro Version on the mentioned site. Since I’ve used an acceptance field, the submit button is greyed out, unless the mandatory option is checked (obviously). However, I can’t find any option to customize the appearance of the greyed out version of the submit button. Is there any CSS on how I can change the font-color back to white, even if the mandatory acceptance field isn’t checked? I tried finding out the css id of the greyed out submit button, but as soon as I’m trying to identify the css id via Google DevTools, it just shows me this weird table and no actual css id’s.

    Help would be much appreciated!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Contributor Addons for Contact Form 7

    (@contactform7addons)

    Hi @yannikmeirowski

    No worries. Here are some styles that you can tweak. I have made these make the button actually look disabled and suit your colour scheme.

    #cf7md-form fieldset:disabled .mdc-button--raised, #cf7md-form .mdc-button--raised:disabled {
        color: #e8bbbb;
        background: #e86c63 !important;
    }

    You can add this under Appearance > Customize > Material Design Forms > Custom CSS.

    Thanks,
    Angus

    Yannik Meirowski

    (@yannikmeirowski)

    Hey Angus,

    thank you so much for your help! The css works perfectly fine! Really happy with the plugin by the way.

    Best wishes,

    Yannik

    Plugin Contributor Addons for Contact Form 7

    (@contactform7addons)

    Glad I could help, and thank you very much for your review 🙂

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