Contact 7 Form submit button like Pro Editor including particles styling

[3hugg3r]

Hey.

I am trying to match buttons from Pro editor into the contact form 7. So far I’ve always simplified the buttons on the whole website to match the buttons on the contact form. Is there a way to make contact form 7 submit button match my pro button preset?

Let’s say I want to add Particle Skew (which I think is quite awesome) button style to contact form 7, can I do it with particles effect? If yes, would you please help me?

Thank you so much!

[lely]

Hi Andre,

Here’s the guide on how to customize Contact form 7 button:

How To Customize The Style Of Contact Form 7 To Match Your Website

To add Particle Skew, please inspect current PRO button generated. Check the CSS it produce. Apply it on the Contact form 7 button by targeting its ID. The following might also help:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa

[3hugg3r]

Lely,

Thank you for your answer.
I guess I am having hard time regenerating particles in css from the debug console.

Will try to educate myself.
Thanks for quick answer, have a great day!

[ruenel]

You’re welcome!
We’re glad @Lely were able to help you out.