Combining CSS Files breaks visual formatting

  • Resolved Vivid Ground

    (@vividground)


    3 years, 3 months ago

    Hi we use siteground optimizer and everytime we switch on the option to combine css files to increase page speed it breaks the whole visual formatting of the forminator forms. How can we avoid this?

Viewing 4 replies - 1 through 4 (of 4 total)
  • Kris – WPMU DEV Support

    (@wpmudevsupport13)

    3 years, 3 months ago

    Hi @vividground

    I hope you are doing well today.

    If siteground optimizer allows to exclude files from combine or compression, can you add those files to list and see if this helps?

    /wp-content/plugins/forminator/assets/forminator-ui/css/forminator-icons.min.css

/wp-content/plugins/forminator/assets/forminator-ui/css/src/forminator-utilities.min.css

/wp-content/plugins/forminator/assets/forminator-ui/css/src/grid/forminator-grid.open.min.css

/wp-content/plugins/forminator/assets/forminator-ui/css/src/form/forminator-form-default.base.min.css

    Kind Regards,
    Kris

    Thread Starter Vivid Ground

    (@vividground)

    3 years, 3 months ago

    add_filter( 'sgo_css_combine_exclude', 'css_combine_exclude' );
function css_combine_exclude( $exclude_list ) {
    // Add the style handle to exclude list.
    $exclude_list[] = 'forminator-icons';
    $exclude_list[] = 'forminator-utilities';
    $exclude_list[] = 'forminator-grid.open';
    $exclude_list[] = 'forminator-forms-default.base';

    return $exclude_list;
}

    I have to use something like this in php file but i don’t know what i am doing wrong

    they said all the exclusion filter are here

    https://ww.wp.xz.cn/plugins/sg-cachepress/

    • This reply was modified 3 years, 3 months ago by Vivid Ground.
    Plugin Support Patrick – WPMU DEV Support

    (@wpmudevsupport12)

    3 years, 3 months ago

    Hi @vividground

    Can you please try this code instead?

    add_filter( 'sgo_css_combine_exclude', 'css_combine_exclude' );
function css_combine_exclude( $exclude_list ) {
    // Add the style handle to exclude list.
    $exclude_list[] = 'forminator-module-css-476';
    $exclude_list[] = 'forminator-icons';
    $exclude_list[] = 'forminator-utilities';
    $exclude_list[] = 'forminator-grid-default';
    $exclude_list[] = 'forminator-forms-flat-base';
    $exclude_list[] = 'intlTelInput-forminator';

    return $exclude_list;
}

    Just replace the 476 with your form ID.

    Let us know the result you got.
    Best Regards
    Patrick Freitas

    Plugin Support Amin – WPMU DEV Support

    (@wpmudev-support2)

    3 years, 2 months ago

    Hello @vividground ,
    
    We haven’t heard from you for several days now, so it looks like you no longer need our assistance.
    
    Feel free to re-open this ticket if needed.
    
    Kind regards
    Kasia

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

The topic ‘Combining CSS Files breaks visual formatting’ is closed to new replies.