Design of form not showing on front end

Hi @privee,

Sorry to hear about the issue noticed. I could notice you already have the latest version of the plugin and such an issue shouldn’t have occurred.

Could we know what configuration you have under Forminator > Setting > Data > File Upload Storage?

Possible to share a screenshot regarding that? If “File Upload Storage” already has “Custom” enabled, then could you please check whether it works fine if you switch to the “Default”?

If it has “Default” selected from the start, then please check whether changing to “Custom” options for the “File Upload Storage”, makes any difference or not too.

For “Custom” you can add the following path:

/wp-content/uploads/forminator/

Also, please do let us know which hosting provider you are using too.

Please do let us know how the above goes.

Best Regards,

Nithin

Hi!

Thanks for the prompt reply. I tried the above (it was set to default) but no fix to the issue, unfortunately.

We are hosted on Flywheel and use Semplice Builder.

Hi @privee,

Could you please send us an email to [email protected] using this template:

Subject: ATTN: WPMU DEV support - wp.org

Message:

URL to the ticket:
https://www.ads-software.com/support/topic/design-of-form-not-showing-on-front-end

Looking forward to your response.

Kind Regards,

Nithin

Hi, have sent through, thanks.

Hi @privee,

Unfortunately, we have not yet received any email at our end. Could you please try sending another email using the email ID [email protected] instead of [email protected]?

Please make sure to follow the template that we mentioned in the previous response.

Kind Regards,
Nebu John

Hi Nebu,

Thanks. have sent it through to the supplied email again. Please let me know if it is now showing. The email should be coming from [email protected].

Thanks,

Gen

Hi @privee,

I hope you are doing well today!

It seems the custom upload folder you have added in Forminator Data Settings was not correct.

It was entered as
/www/wp-content/uploads/forminator/wp-content/uploads/forminator// and I corrected as
/wp-content/uploads/forminator/wp-content/uploads/forminator/

You can see the results on your staging site https://privee.flywheelstaging.com/book-an-appointment-duplicate

Please let us know if you need further help on this.

Kind regards,
Zafer

Fabulous! That worked thank you so much.

I just have one minor issue, the selected font (mulli) and the steps shown on this thread:https://www.ads-software.com/support/topic/disable-label-visibility/ to hide the field label are not showing.

View post on imgur.com

Again thanks so much for all your help!
Gen

HI @privee

It seems that your staging site is now protected by the HTTP auth (browser login and password) so I can’t see the form. Would you mind disabling that temporarily so we could take a look?

Alternatively, you could simply share the form export with us:

– go to “Forminator -> Forms” page and click on a little “gear” icon next to the form in question
– copy given code and put it on https://pastebin.com service
– share the link to it in response below.

Kind regards,
Adam

Hey guys have just sent you an email with the details. Thanks!

G

Hi @privee,

Seems like the issue is more related to the cache in the staging. Could you please clear the cache in the staging site via the Flywheel dashboard and then check whether it works fine?

If you try to preview the form via the WP Dashboard, then you should notice the following CSS added under “Custom CSS” does work fine:

.forminator-label {
 	display: none;
 }

Regards,

Nithin

Hi,

I have tried ‘flush cache’ on the Flywheel dashboard to no success. I have pasted the above as requested also: https://pastebin.com/uAunC2Ca

Thanks for your help!

Hi @privee

Thanks for response!

When I imported the form to my setup, the CSS worked and labels got hidden – so it would mean that if it’s not cache only, then there’s some other/additional CSS conflicting and “overpowering” this (it happens sometimes e.g. due to theme or other plugins).

Try replacing this

.forminator-label {
 	display: none;
 }

with this

.forminator-label {
 	display: none!important;
 }

please, and then clear all cache again and see if that helps.

Kind regards,
Adam

I have added the above CSS to Appearance > Additional CSS and it has worked! Thanks so much for all your ongoing help. I really appreciate your prompt and supportive assistance!

Hi @privee,

Hope this message finds you well and thanks for the update.

Glad to hear the issue was solved.

Could you let us know if you require additional assistance or if we can mark the topic as solved? Thank you.

Kind regards,
Laura