Form customizer and bundled class

Hi Melissa,

Are you using WordPress 4.9? There were a lot of Customizer changes in 4.9. We did some testing before it was released but I’m thinking we may have missed this.

Let me know,
Kevin.

• This reply was modified 7 years, 4 months ago by yikesitskevin.

Hello again Melissa,

I’m testing these now. I was not able to re-create the issue you had with form description or form title. Until we can resolve this for you, I would recommend using shortcode attributes. If you set your shortcode like [yikes-mailchimp form="2" description="0" title="0"] neither the title or the description will show.

For the third issue you mentioned, inline class on the checkbox options, I am seeing conflicts between the form’s inline option and the customizer’s inline option. I would suggest setting inline in both places (you can set inline in the normal Easy Forms form builder by going to Form Settings).

I am off the for day so I will have to get back to you tomorrow.

Cheers,
Kevin.

We are using version 4.7.7

I’ve noticed that if I ‘update’ in the Easy Form edit page it adds the name and description back in, so I go straight back into the customizer after pressing update and remove the checks again.

I did notice that the shortcode I had on my page had title set to 1, so that might explain why it kept coming back, but not why both options get selected when I press update on the edit form page?

I’m not sure where the inline option is in the customizer? I can see one, but that is to make the whole form inline, and I only want the checkboxes to be.

I am using 2 forms and both have the same custom CSS added into the customizer which is

.yikes-easy-mc-submit-button-2 { width: 50% !important; margin:auto; font-size: 2em;}.yikes-easy-mc-form input[type=”text”], .yikes-easy-mc-form input[type=”url”], .yikes-easy-mc-form input[type=”email”], .yikes-easy-mc-form input[type=”number”], .yikes-easy-mc-form select { padding: 0 !important; height: 40px; }

The button on one form is only half the width of the page, but on the other form it goes right across the page.

The other page is https://www.ramm.com/?page_id=10398

Enjoy your time off. None of this is very critical, but it would be nice to have it working. Thanks!

Hi Melissa,

I am not sure what’s going on with the title and description and I am not able to replicate it at the moment. The issue with the CSS is that it’s scoped for only one form by using the .yikes-easy-mc-submit-button-2 selector. Add this to your selector .yikes-easy-mc-submit-button-1 so the whole CSS looks like:

.yikes-easy-mc-submit-button-1, .yikes-easy-mc-submit-button-2 { width: 50% !important; margin:auto; font-size: 2em;}.yikes-easy-mc-form input[type="text"], .yikes-easy-mc-form input[type="url"], .yikes-easy-mc-form input[type="email"], .yikes-easy-mc-form input[type="number"], .yikes-easy-mc-form select { padding: 0 !important; height: 40px; }

Thanks, the CSS has fixed the button issue.

I sort-of resolved the option-inline issue by using option-4-col instead, but not sure why the inline option wasn’t working?

Cheers

Melissa

I am not sure what is happening with the inline option but I will test it and look out for issues in the coming weeks.