[PhilLeedsTrinityParticipant]

Hi there.

I’m after a CF7 form submit button which resets the form for a kiosk-style page on an ipad. I’ve found this lovely submit button which looks like it would work okay to suit my needs:

http://codepen.io/auginator/pen/oElzF

I suppose I’d be able to change the colours to suit my website’s design, but I’m not sure how to apply and alter the CSS in the codepen example and how to add it to my .wpcf7-submit code.

URL is loveltu.com

Cheers X-team!

[ThaiModerator]

Hi There,

Please add the following CSS under Customizer > Custom > Global CSS:

input.wpcf7-form-control.wpcf7-submit {
    color: #1ecd97;
    background-color: #fff;
    border-radius: 30px;
    border: 2px solid #1ecd97 !important;
}
input.wpcf7-form-control.wpcf7-submit:hover {
    background-color: #1ecd97;
    color: #fff;
}

View post on imgur.com

Hope it helps 🙂

[PhilLeedsTrinityParticipant]

Hi there,

That CSS only changes to style of the button. I was wanting the full function of the animation turning from submit button to timed circle to tick and back to submit button as per the CSS in the example given.

Cheers,

Phil.

[JoaoModerator]

Hey there,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[PhilLeedsTrinityParticipant]

Hey Joao,

Understand. I’ll see if anyone else can help.

Cheers.

[RahulModerator]

We are always here standing by to assist you in anyway.

Thanks for choosing the X-theme!

[Author]

Posts