Support » Plugin: CF7 Invisible reCAPTCHA » the appearance of the send button is modify

Viewing 5 replies - 1 through 5 (of 5 total)
  • I use this css code, it works without your plugin :

    .wpcf7-form input[type="submit"]:hover {
    
        color: #d18e00 !important;
        background-color: #ffffff !important;	
    }
    .wpcf7-form input[type="submit"] {
    	
        text-transform: uppercase;
        background-color: #d18e00 !important;
        color: #ffffff !important;		
        border-style: solid;
        border-width: 2px 2px 2px 2px;
        border-color: #d18e00 !important;
        border-radius: 45px 45px 45px 45px;	
    }
    • This reply was modified 2 years, 1 month ago by rodman38.
    Plugin Author Vsourz Digital

    (@vsourz1td)

    Hello rodman38,

    Hope you are enjoying our plugin. The issue that you are facing is due to the replication of the default CF7 form submit button. Looking to the CSS code provided, you have written for the input type ‘submit’ and our plugin replicates it to submit type “button”.

    So there are two ways by which you can gain your form submit style.
    1) Write a class CSS and add the class to the submit button as provide in the settings screen
    2) Change your written css class “[type=”submit”]” to “[type=”button”]”.

    Any one of the provided options will help you to get it solved.

    Regards,
    Vsourz

    Hi @vsourz1td

    thank you for your help 🙂

    I change the class, but it does not work, here is the current css code :

    .wpcf7-form input[type=”button”]:hover {
    
        color: #d18e00 !important;
        background-color: #ffffff !important;	
    }
    .wpcf7-form input[type=”button”] {
    	background-color: #d18e00 !important;
        font-weight: bold;
        text-transform: uppercase;
    	background-color: #d18e00 !important;
        color: #ffffff !important;		
    	border-style: solid;
        border-width: 2px 2px 2px 2px;
    	border-color: #d18e00 !important;
        border-radius: 45px 45px 45px 45px;	
    }

    Here is the form configuration :

    http://zupimages.net/viewer.php?id=18/42/uzrx.jpg

    I made a error ?

    • This reply was modified 2 years, 1 month ago by rodman38.
    Plugin Author Vsourz Digital

    (@vsourz1td)

    Hello rodman38,

    You can overwrite button styling by adding CSS properties to ‘recaptcha-btn’ class. Surely this will help you. Actullay add the css propety to input[‘button’] will not work, so try adding the css property to the class suggested above.

    Regards,
    Vsourz

    Plugin Author Vsourz Digital

    (@vsourz1td)

    Closing this ticket as no activity is been performed.

    Regards,
    Vsourz

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘the appearance of the send button is modify’ is closed to new replies.