Autooptimize setting breaks WPForms

  • Resolved hagbard23

    (@hagbard23)


    3 years, 2 months ago

    I have an Elementor pop-up with my WPForms contact form.

    To speed my page up, I also have Autoptimize running. When I’m activating the option “CSS Options / Also aggregate inline CSS?” – the layout of my contact form in the pop-up breaks. When I’m disabling the option, the layout of the contact form is fine again.

    I already contacted the support of Elementor, and they said, that I should report this to you:

    “It seems that the issue is not related to Elementor.
    we highly recommend that you report this issue to the support team of WPForms so they may further troubleshoot and provide any recommendations (or possible fixes) to resolve this issue.
    ?
    If they need any technical details regarding Elementor, they are free to open an issue on our Github page where our developers will be happy to collaborate directly with them.

    https://github.com/elementor/elementor/issues/new/choose

    For now, I just disabled the option in Autoptimize, but it would be great if you could look into this.

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

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support Kenneth Macharia

    (@kmacharia)

    Hey @hagbard23,

    Thanks for reaching out to us.

    The option to aggregate inline CSS in Autoptimize has been known to break most plugins because it moves inline CSS to Autoptimize’s CSS file. While this process can reduce page size, we recommend leaving this option disabled.

    However, if you would like to keep this option enabled, I can recommend excluding our main CSS files by adding the following paths to the Exclude CSS from Autoptimize field:
    wp-content/plugins/wpforms-lite/assets/css/wpforms-full.min.css
    wp-content/plugins/wpforms-lite/assets/css/wpforms-base.min.css

    Would you mind giving this a try and then purging your cache and then check if this will fix the issue for you?

    Thank you!

    Plugin Support Kenneth Macharia

    (@kmacharia)

    Hey @hagbard23,

    We haven’t heard back from you in about a week, so I’m going to go ahead and close this thread for now. But if you’d like us to assist further, please feel welcome to continue the conversation.

    Thanks!

    Thread Starter hagbard23

    (@hagbard23)

    Hi Kenneth,

    thanks for looking into this matter. I tried your solution and the layout of the WPForm is actually better. BUT – it looks like Autoptimize still changes the font-size of the form. I made you three screenshots so that you can see what happens:

    (1) Original WPForm / Option to aggregate inline CSS turned off:
    https://www.mediafire.com/view/f1eg88o9cdlaf9e/1._Original.jpg/file

    (2) Option to aggregate inline CSS turned on / no files excluded:
    https://www.mediafire.com/view/j88qoioyroi3u1y/2._inline_CSS_01.jpg/file

    (3) Option to aggregate inline CSS turned on / files excluded as you recommended:
    https://www.mediafire.com/view/qji8jwd1a5vells/3._inline_CSS_02.jpg/file

    As you can see, there is still some interference from Autoptimize in my WPForm. So I’ll kepp the option off for now.

    Thanks again and best regards
    Werner

    If you want to keep “also aggregate inline CSS” on, you’ll probably have to exclude specific inline CSS (from then style node with ID “stockholm-style-dynamic-responsive-inline-css”?) from being aggregated by adding a specific string from that inline CSS to the comma-separated CSS exclusion list?

    frank (the nosy ao dev)

    Thread Starter hagbard23

    (@hagbard23)

    Hi Frank,
    thanks for the hint – but this seems too complicated for me as a non-dev.
    I’ll keep the option off for now.
    Best regards
    Werner

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Autooptimize setting breaks WPForms’ is closed to new replies.

Tags