Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Bug Reports
  3. Contact Form 7 // acceptance Checkbox not working

Contact Form 7 // acceptance Checkbox not working

Scheduled Pinned Locked Moved Bug Reports
8 Posts 3 Posters 2.6k Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • A Offline
    A Offline
    andi
    wrote on last edited by
    #1

    Hi Armin,

    actually i am trying to integrate a contact form 7 form. Unfortunately the acceptance checkbox is not working, even not displayed. Do you know if it is a Laytheme or a CF7 case? Do you know how to fix it?

    thanks

    1 Reply Last reply
    0
    • mariusjopenM Offline
      mariusjopenM Offline
      mariusjopen
      Global Moderator
      wrote on last edited by
      #2

      Dear @andi
      have a look here:
      http://laythemeforum.com:4567/topic/606/is-there-any-way-to-integrate-contact-form-7/4

      All the best!

      Marius

      www.mariusjopen.world

      1 Reply Last reply
      0
      • A Offline
        A Offline
        andi
        wrote on last edited by
        #3

        Hi @mariusjopen,
        thanks for your answer. I know the thread, but since one of the last updates it is possible to work with shortcodes in laytheme, I already do it with CF7 and it works fine. Except of the acceptance checkbox, and I have no idea why. I thought someone has a solution maybe...
        Bests
        Andi

        1 Reply Last reply
        0
        • mariusjopenM Offline
          mariusjopenM Offline
          mariusjopen
          Global Moderator
          wrote on last edited by
          #4

          Hi Andi,

          you are right. Contact Form 7 works with the shortcode.

          Why the acceptance field does not work – we do not know.
          Maybe there is a Javascript conflict…

          Best!

          Marius

          www.mariusjopen.world

          1 Reply Last reply
          0
          • M Offline
            M Offline
            m-czyk
            wrote on last edited by
            #5

            Hi @andi
            i hope you found a solution.

            I had to deal with it today and it took me a long time to find the mistake.
            For the checkboxes to be displayed, you have to insert the following in Custom CSS.

            PLUGIN Contact Form 7
            .wpcf7 input[type="checkbox"]{
            -webkit-appearance: checkbox !important;
            -O-appearance: checkbox !important;
            -moz-appearance: checkbox !important;
            }

            PLUGIN WP Forms
            input[type="checkbox"]{
            -webkit-appearance: checkbox !important;
            -O-appearance: checkbox !important;
            -moz-appearance: checkbox !important;
            }

            I hope this help others to use a contact form.

            Best Marcin

            M 1 Reply Last reply
            0
            • M m-czyk

              Hi @andi
              i hope you found a solution.

              I had to deal with it today and it took me a long time to find the mistake.
              For the checkboxes to be displayed, you have to insert the following in Custom CSS.

              PLUGIN Contact Form 7
              .wpcf7 input[type="checkbox"]{
              -webkit-appearance: checkbox !important;
              -O-appearance: checkbox !important;
              -moz-appearance: checkbox !important;
              }

              PLUGIN WP Forms
              input[type="checkbox"]{
              -webkit-appearance: checkbox !important;
              -O-appearance: checkbox !important;
              -moz-appearance: checkbox !important;
              }

              I hope this help others to use a contact form.

              Best Marcin

              M Offline
              M Offline
              m-czyk
              wrote on last edited by
              #6

              or, if you want to make some custom checkboxes:

              input[type="checkbox"]{
              -webkit-appearance: none !important;
              -O-appearance: none !important;
              -moz-appearance: none !important;
              your custom styles
              }

              input[type="checkbox"]:checked {
              -webkit-appearance: none !important;
              -O-appearance: none !important;
              -moz-appearance: none !important;
              your custom styles
              }

              1 Reply Last reply
              0
              • mariusjopenM Offline
                mariusjopenM Offline
                mariusjopen
                Global Moderator
                wrote on last edited by
                #7

                Dear @m-czyk
                ah wow. Looks like .a lot of brain-work.
                Thank you for sharing!

                Best!

                Marius

                www.mariusjopen.world

                1 Reply Last reply
                0
                • A Offline
                  A Offline
                  andi
                  wrote on last edited by
                  #8

                  <3 Thanks a lot!

                  1 Reply Last reply
                  0
                  Reply
                  • Reply as topic
                  Log in to reply
                  • Oldest to Newest
                  • Newest to Oldest
                  • Most Votes


                  I also code custom websites or custom Lay features.
                  💿 Email me here: 💿
                  info@laytheme.com

                  Before you post:
                  1. When using a WordPress Cache plugin, disable it or clear your cache.
                  2. Update Lay Theme and all Lay Theme Addons
                  3. Disable all Plugins
                  4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                  This often solves issues you might run into

                  When you post:
                  1. Post a link to where the problem is
                  2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                  3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                  Online Users
                  M
                  MWPA
                  M
                  Marcal
                  Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                  laytheme.com
                  • Login

                  • Don't have an account? Register

                  • Login or register to search.
                  • First post
                    Last post
                  0
                  • Recent
                  • Tags
                  • Popular
                  • Users
                  • Search