How to Style Gravity Forms in Oxygen Builder for WordPress
ฝัง
- เผยแพร่เมื่อ 7 ส.ค. 2024
- Learn more about my Oxygen Builder course here: permaslug.com/ultimate-oxygen...
Here's a quick tutorial on how to style gravity forms to look better than just a plain set of form fields. In this example, we're using Oxygen Builder for WordPress, but this CSS can be used in any WordPress website builder or theme.
Get Gravity Forms Here: rocketgenius.pxf.io/Pn7bY
Pre-done CSS Used in the Example: github.com/permaslug/Gravity-...
Help support me by shopping on Amazon with my referral link: amzn.to/2PuEJy0
Using my affiliate links doesn't ever increase the price for you, but it does give me a small kickback to allow me to continue generating more great content. Thank you in advance for your support!
Connect with me!
Facebook: / permaslug
Twitter: / permaslug
Website: permaslug.com - วิทยาศาสตร์และเทคโนโลยี
wow, actually useful! thanks. I'm a developer used to doing things from scratch and so i have no idea how to use these builders - they are mazes unto themselves and usually bloated. but sometimes projects call for them. oxygen is probably the best results performance wise I have tested.
Great to see you posting these tutorials. Even though I don't use Gravity Forms that was nice and informative.
Glad you liked it, Sean!
Nice job - adding the github link is very helpful thanks
Great tutorial, thank you so much.
I love all your videos, thank you!
You're so welcome! Thank you for the kind words
This is great, it is just how tutorial videos should be. Straight to the point, quick and simple showing options and not full of guff. Well done. Just one questions, when it comes to the bulk of the site does writing your own CSS produce a lightweight code or is Oxygens code writer fine?
Great insight great job
Thank you, glad you enjoyed it!
Great video as usual. Quick question - has oxygen (or anyone else) come out with any form ad-ons that are cheaper and easier to style?
Styling looks easy but how do you retrieve a user input from the form using javascript or php so that you can display them? for example let say i made a form asking for visitor first name and i will display it to greet the visitor. Can you make a short example? Thanks.
great tutorial. but how can make name phone & email full width?
great content much needed! , btw if you talked slower you could get longer videos , i play your vids on half speed lol
you forgot about the "previous button" buddy ;)
Perhaps you may wanna do one on Contact Form 7 as well
I actually don't use that plugin at all, so I probably won't do a video on it honestly.
There are lots of resources online for contact form 7 CSS. For example contactform7.com/styling-contact-form/
Using this video as a guide you should be able to figure it out.
oxygen4fun.supadezign.com/tutorials/how-to-style-a-contact-form-7-form/
It is nothing like divi or beaver builder, because it outputs cleaner code and faster websites, not the bloated crap like other wp builders do.
Great tutorial, thank you so much.
Glad you enjoyed it, thanks for watching!