Hi,

Can you please keep track on this video, maybe there is any small step that you're missing.

- https://www.youtube.com/watch?v=KZGqjKL6Spk

Kind Regards

Hi,

Can you please provide me with your wp-admin, I will have a quick look to see what's going on.

Kind Regards

Hi Mohammed,

Sorry for the late reply.

Unfortunately I am not able to log in through your wp-admin, please extract it via Tools > export and upload it here, so I can test it locally and send it back to you.

Request forbidden by administrative rules.

Kind Regards

Hi,

Can you please check the following PHP settings.

PHP Recommendations

Memory Size: memory_limit = 256M
Script execution time: max_execution_time = 400
Number of input variables: max_input_vars = 4000

If you don’t have access to the php.ini file, you can add the following values in your .htaccess file:

php_value max_execution_time 400
php_value memory_limit 256M
php_value upload_max_filesize 10M

Be careful using these settings, some hosting companies don’t allow users to change php settings, if you experience any problem after making these changes, please revert these in your .htaccess file, using your FTP client.

Kind Regards,
NeuronThemes

Hi Mohammed,

I am very very sorry for this late reply, the team was on a vacation so we could not reply, I apologize about it.

So, you've created the forms through Elementor PRO right? By default Bifrost does not mess with Forms of the PRO version but it could be that the hosting is running out of memory, can you please talk to your host providers and tell them to do the following changes.

PHP Recommendations

Memory Size: memory_limit = 256M
Script execution time: max_execution_time = 400
Number of input variables: max_input_vars = 4000

If you don’t have access to the php.ini file, you can add the following values in your .htaccess file:

php_value max_execution_time 400
php_value memory_limit 256M
php_value upload_max_filesize 10M

Be careful using these settings, some hosting companies don’t allow users to change php settings, if you experience any problem after making these changes, please revert these in your .htaccess file, using your FTP client.

Feel free to ask for anything you need.

Kind Regards

Hi,

That's quite strange, can you please send me the form. We have a copy of Elementor PRO and I will do some tests in localhost to see what is messing with that, otherwise I won't be able to know why it is not working.

Kind Regards

Hi Mohammed,

Sorry, but I was waiting for that Custom Form that you've created, can you please provide it here?

Kind Regards

Thank you, I will check it right now.

Kind Regards

Hi,

I've deactivated all plugins except Elementor & Elementor PRO.

But, I was not able still to receive any of the selected boxes.

- https://prnt.sc/qqnxg4

Is there anything else that I should do?

Kind Regards

Hi Mohammed,

Sorry for the late reply, I did some analysis yesterday and today but could not give any exact 

I am seeing plenty of issues on the form itself, I've been doing tests and tests and could not get that to work.

- https://prnt.sc/qreijz <- It's not attribute or anything else, it is being covered as unvalid.

- https://prnt.sc/qrejli <- Multiple checkboxes are being added like this form_fields[field_1][]

Using checkbox as inline list gives will probably give you the same result that you're looking, also I am testing it with Bifrost & Neuron Core activated it works alright. It simply needs some styling.

- https://prnt.sc/qrem4s

Then in message I separate the fields like this, so they don't get messed in the email:

- https://prnt.sc/qren0v

The email: https://prnt.sc/qrenig

Feel free to ask for anything you need.

Kind Regards

Hi,

So, there's some CSS that was hiding right?

Have you been able to solve this one? I logged in on your WordPress and now I am seeing Neuron Core activated and Checkboxes there, have you added Custom CSS?

Hi,

You can address directly to the form element, so it won't mess with other elements.

.elementor-form input[type="checkbox"] {    
    display: inline !important;
}

Kind Regards

Hi Mohammed,

I am not able to check how the last form was, but I've modified some parts of the CSS so it looks a lot better.

- https://prnt.sc/qsdlyy

.elementor-form {
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
.elementor-form label {
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.9);
  border: 2px solid rgba(139, 139, 139, 0.3);
  color: #adadad;
  border-radius: 25px;
  white-space: nowrap;
  margin: 3px 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  transition: all 0.2s;
}
.elementor-form label {
  padding: 8px 12px;
  cursor: pointer;
}
.elementor-form label::before {
  display: none;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  padding: 2px 6px 2px 2px;
  content: "\f067";
  transition: transform 0.3s ease-in-out;
}
.elementor-form input[type="checkbox"]:checked + label::before {
  content: "\f00c";
  transform: rotate(-360deg);
  transition: transform 0.3s ease-in-out;
}
.elementor-form input[type="checkbox"]:checked + label {
  border: 2px solid #ff0d4e;
  background-color: #ff0d4e;
  color: #fff;
  transition: all 0.2s;
}
.elementor-form input[type="checkbox"]:focus + label {
  border: 2px solid #e9a1ff;
}
.elementor-form .elementor-field-option input[type="checkbox"] {
  opacity: 0 !important;
}
.elementor-form .elementor-field-option label {
  margin-left: -30px;
}
.elementor-form .elementor-field-group {
  margin-bottom: 30px !important;
}
.elementor-field-group > label.elementor-field-label {
  margin-bottom: 20px !important;
  background: none !important;
  border: none !important;
  padding: 0 !important;
}

Kind Regards

Hi Mohammed,

You are welcome anytime, feel free to ask for anything that you need.

Kind Regards