Tagged: 

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

    Hello. I had the “Contact Form 7” form setup for the last couple of years – and there was frustration with the ReCaptcha and my clients getting blocked – so I have gone back to using the basic ENFOLD Contact Form.

    NOTE:
    I am running Enfold V4.4
    WordPress V4.9.16

    I wanted to use the colour and border and hover styling that you kindly helped me set up on the CF7 form SUBMIT button – so I wanted to replicate that same styling on the Enfold contact form SUBMIT button.

    Shown below was my CSS as used on the CF7 form:-
    Can you please let me know what CSS I need to setup to get the same colours and borders and padding etc on the ENFOLD Submit button?
    I would be grateful for your help and look forward to hearing from you.
    Thanks
    Peter

    ******************CSS – I previously used for styling CF7 **********

    /* CF7 Submit Button CSS Styles */
    .wpcf7 input[type=submit] {
        padding:15px 45px;
        background:#FCE228;
        color:#232323;
        font-size:16px;
        font-weight:bold;
        border:1px solid #232323;
        cursor:pointer;
        -webkit-border-radius: 3px;
        border-radius: 3px;
       margin-top: 20px;
    }

    /* CF7 Submit Button CSS Hover Styles */
    .wpcf7 input[type=submit]:hover {
        background-color: #232323;
        color: #FCE228;
        border:1px solid #232323;
    }

    #1261887

    Hey premedia,

    Please try this CSS instead:

    p.form_element input.button {
        padding:15px 45px;
        background:#FCE228;
        color:#232323;
        font-size:16px;
        font-weight:bold;
        border:1px solid #232323;
        cursor:pointer;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        margin-top: 20px;
    }
    
    p.form_element input.button:hover {
        background-color: #232323;
        color: #FCE228;
        border:1px solid #232323;
    }

    If that doesn’t work then please post a link to where we can see the actual form.

    Best regards,
    Rikard

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