Form styling is not displaying on front end

Resolved Carl Brubaker
(@imconfused4sure)

4 years, 3 months ago
You can access this page with the password: Preview

None of the form CSS is showing up. It was working before. None of the button colors are showing up (they are default) and I have this custom CSS on the form:
```
{
  margin-left: auto;
  margin-right: auto;
  max-width: 400px;
}
```
It does not show up.

The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

Plugin Support Nebu John – WPMU DEV Support
(@wpmudevsupport14)

4 years, 3 months ago

Hi @imconfused4sure,

Sorry to know that you are having an issue with using the plugin.

Please make sure the Design Style is not configured as None at Form >> Appearance tab.

Can you please share an export of the form so we can look closely at issue?

Please use the following service to share the export: https://pastebin.com/

Ref: https://wpmudev.com/docs/wpmu-dev-plugins/forminator/#import-export

Kind Regards,
Nebu John

Thread Starter Carl Brubaker
(@imconfused4sure)

4 years, 2 months ago

Hi @wpmudevsupport14,

I have tried multiple appearances on the form and none of them displayed correctly.

https://pastebin.com/2aWddPJD

Thanks,
Carl

Plugin Support Laura – WPMU DEV Support
(@wpmudev-support8)

4 years, 2 months ago

Hi @imconfused4sure

I checked the site and the issue is related to “Mixed Content” issue. Site is being accessed over SSL secured connection (via “https://” URL) but it requests form’s CSS style file over insecure (“http:”) URL.

Because of that browsers are blocking such requests and since they cannot load CSS, form remains unstyled.

This isn’t a plugin issue but rather a matter of site/server configuration.

Please go to the “Settings -> General” page in your site’s back-end and take a look at these two options: “Site Address (URL)” and “WordPress Address (URL)”.

If URLs set there are starting with “http://” prefix instead of “https://”, adjust them so they’d be both starting with “https://” prefix. Then save settings and clear all caches and, if you are using any kind of CDN and/or asset optimization plugins – also purge them.

Kind regards,
Adam

Thread Starter Carl Brubaker
(@imconfused4sure)

4 years, 2 months ago

Thanks, that indeed was the issue.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Form styling is not displaying on front end’ is closed to new replies.

Tags