How to Style Gravity Forms to Look Like Divi

แชร์
ฝัง
  • เผยแพร่เมื่อ 12 ก.ค. 2024
  • When it comes to WordPress form plugins there are quite a few options to choose from. In a previous Elegant Themes tutorial, I shared some CSS snippets for styling the Caldera Forms plugin. Caldera is a great free form builder plugin option, but today we’re going to be sharing some styling tips for Gravity Forms.
    Gravity Forms is one of the (if not the) most popular premium form builder plugins for WordPress websites.
    Read more: www.elegantthemes.com/blog/di...

ความคิดเห็น • 32

  • @BevenSpangenberg
    @BevenSpangenberg 6 ปีที่แล้ว +1

    I'm quickly becoming a fan! Thanks for the great videos!

  • @Sixxiron
    @Sixxiron 5 ปีที่แล้ว

    Nice, quick GF tutorial. Thanks for doing this!

  • @jamalabdullahi8155
    @jamalabdullahi8155 7 ปีที่แล้ว +1

    Thanks in advance for sharing all CSS codes with us
    This is the easiest way we can build killer website
    Thanks once again

  • @StephenScoggins
    @StephenScoggins 3 ปีที่แล้ว

    Just for the record, you have the best Divi Theme content! Saved me HOURS!!

  • @ionasequeira6131
    @ionasequeira6131 6 ปีที่แล้ว

    Thank you!!!.. This was really helpful.

  • @Patrick-qf1du
    @Patrick-qf1du 5 ปีที่แล้ว

    Great video! Thank you so much :)

  • @behthiansu
    @behthiansu 5 ปีที่แล้ว

    Very helpful! Thank you so much

    • @elegantthemes
      @elegantthemes  5 ปีที่แล้ว

      Awesome! Thank you, glad you liked it! 😊

  • @agenciameasure
    @agenciameasure 3 ปีที่แล้ว

    Help me a lot! THANKS!

  • @americanenglishpodcast
    @americanenglishpodcast 6 ปีที่แล้ว

    Thanks for the video! Can you add the link for gravity forms on here? I see about 10 different ones, but don't know which is the one people use. Loved the video, thank you!

  • @fifichakan3418
    @fifichakan3418 7 ปีที่แล้ว

    Great tutorial and good Divi Builder improvement on Gravity Form. I have Gravity Form and I would like to know if Divi Builder is a free plugin inside Gravity Form! If not how can we acquire Divi Builder for Gravity Form as shown on the video?

  • @AnthonyBlando
    @AnthonyBlando 7 ปีที่แล้ว

    Really great stuff. Thanks for sharing. How would you control the size for the box for the name and email address etc... is that in the CSS also?

  • @jimandkellykemble9983
    @jimandkellykemble9983 ปีที่แล้ว

    Question, at time stamp 5:05, your text module has Gravity form insertion buttons. I do not have that. Is there a plugin I need first? I am using the latest Gravity and latest DIVI versions. THX

  • @eal1
    @eal1 6 ปีที่แล้ว +1

    Doesn't seem to work on new 2018 Divi/wordpress version

  • @realestateTO
    @realestateTO 7 ปีที่แล้ว

    Would be nice to see a tutorial for other popular Form plugins like FormidablePro and WPForms. :)

    • @elegantthemes
      @elegantthemes  7 ปีที่แล้ว +1

      Thanks for the suggestion, I have added those to the list of tutorials.

  • @ridiculoustv947
    @ridiculoustv947 7 ปีที่แล้ว

    Dear Sir, I have a problem pricing table Button .... not working it stays default.. It's not changing.

  • @AllanThroneberry
    @AllanThroneberry 3 ปีที่แล้ว

    this is great - where can we get the CSS code?

  • @BedwinCreative
    @BedwinCreative 5 ปีที่แล้ว +1

    I have created the form and performed tests and I do not see results in the email I use to get the information.
    I will have to use another alternative to develop my form and not affect my clients. Please Divi improve this alternative.

  • @tleem6484
    @tleem6484 7 ปีที่แล้ว

    How can you center the entire form on a page? I'm trying to create a horizontal form that is placed at the center of the page (including the "submit button"; all the form is on one line).

    • @elegantthemes
      @elegantthemes  7 ปีที่แล้ว

      This can be done using CSS

    • @tleem6484
      @tleem6484 7 ปีที่แล้ว

      Elegant Themes Lol, was looking for a bit more guidance than this obvious answer. Thanks for at least responsding.

  • @retrohexdesign3653
    @retrohexdesign3653 8 หลายเดือนก่อน

    any tutorials for WPForms to look like Divi?

  • @rubalalam6914
    @rubalalam6914 5 ปีที่แล้ว

    thanks

  • @roomzee
    @roomzee 5 ปีที่แล้ว +1

    Form insertion doesn't work with latest veersion of Divi.

    • @abcitparkbd
      @abcitparkbd 5 ปีที่แล้ว

      You should go divi>> theme options >> Builder (tab) >> Advanced>> Enable Classic Editor >> Then you can work on the back end editor >> Insert Text >> you can see the gravity form

    • @MicroInvestidores
      @MicroInvestidores 3 ปีที่แล้ว

      @Abc IT Park - WordPress Bangla Tutorial 😌 didn't work man... Only add media button is shown... Any ideas?

  • @abhishekar6002
    @abhishekar6002 5 ปีที่แล้ว

    how can i call video gravity form ????????????

  • @abhishekar6002
    @abhishekar6002 5 ปีที่แล้ว

    can we call video in checkbox or radio button gravity form ????????????