1. Molongui
  2. >
  3. Docs
  4. >
  5. Molongui Authorship
  6. >
  7. Troubleshooting
  8. >
  9. The author box layout is being displayed oddly

The author box layout is being displayed oddly

This article applies to any version of the plugin, release 1.3.5 or higher.

Molongui Authorship relies on some useful jQuery libraries to make the author box responsive so it displays nicely on any screen size. Some optimization plugins, like WP Rocket or Autoptimize, may cause trouble loading those libraries properly making the author box to be displayed in a weird or undesired way.

So, if you have Autoptimize, WP Rocket, Breeze or any other optimization plugin installed and experience issues with how the author box is displayed, please be sure to include the following files to the exclusion list of Javascript files (it might be a setting called something like “JS files to exclude from optimization” or similar). Wildcard masks may vary between plugins, so you should read that plugin documentation to know how to use wildcard masks:

Molongui Authorship
/wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js

Molongui Authorship Premium
/wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js

You don’t have to worry about those files not being optimized because all JavaScript and CSS files from Molongui plugins are already minified and optimized. Below we explain how to exclude those Molongui Authorship libraries from some of the most used optimization plugins:

How to exclude CSS files in Autoptimize

To exclude the above mentioned Molongui Authorship libraries from optimization when using Autoptimize plugin, make sure to follow the steps below:

  1. Go to “Settings” > “Autoptimize”
  2. Open the “Main” tab
  3. Click on the “Show advanced settings” button, on the top-right corner
  4. In the “Exclude CSS from Autoptimize” text input, under the “CSS options” section, specify the following path (separating it with a comma from the existing ones):
    • molongui-authorship/public/css/molongui-authorship
    • molongui-authorship-premium/premium/public/css/molongui-authorship
  5. Click on the “Save changes and empty cache” button
  6. Done!
Excluding files from optimization in Autoptimize
Excluding files from optimization in Autoptimize

How to exclude JS and CSS files in WP Rocket

Allowing WP Rocket to minify, combine and defer Javascript and CSS files from Molongui Authorship shouldn’t cause any trouble. However, enabling a CDN to deliver Javascript and CSS files from it, could.

So, if you want to deliver Javascript and CSS files from a CDN and your author boxes aren’t being rendered fine, make sure to set the configuration below:

  1. Go to “Settings” > “WP Rocket”
  2. Open “CDN” tab
  3. In the “Exclude files from CDN” textarea input, specify the following URLs, one per line (see image below):
    • /wp-content/plugins/molongui-authorship/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js
    • /wp-content/plugins/molongui-authorship-premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js
  4. Save changes
  5. Open the “File optimization” tab
  6. In the “Excluded CSS files” textarea input, under the “CSS files” section, specify the following URLs, one per line (see image below):
    • /wp-content/plugins/molongui-authorship/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/public/css/(.*).css
    • /wp-content/plugins/molongui-authorship-premium/premium/public/css/(.*).css
  7. In the “Excluded JavaScript files” textarea input, under the “JavaScript files” section, specify the following URL (see image below):
    • /wp-content/plugins/molongui-authorship/fw/public/js/vendor/element-queries/(.*).js
    • /wp-content/plugins/molongui-authorship-premium/fw/public/js/vendor/element-queries/(.*).js
  8. Save changes
  9. Done!
Excluding files from a CDN on WP Rocket
Excluding files from optimization in WP Rocket

How to exclude CSS files in Breeze

Breeze is another cache plugin that provides CDN integration options. Allowing Breeze to cache, minify, combine and defer Javascript and CSS files from Molongui Authorship shouldn’t cause any trouble. However, enabling a CDN to deliver CSS files from it, could.

So, if you want to deliver CSS files from a CDN and your author boxes aren’t being rendered fine, make sure to set the configuration below:

  1. Go to “Settings” > “Breeze”
  2. Open the “CDN” tab
  3. In the “Exclude content” input, add the following paths using a comma without spaces as a separator between elements (see image below):
    • /wp-content/plugins/molongui-authorship/public/css/
    • /wp-content/plugins/molongui-authorship-premium/public/css/
    • /wp-content/plugins/molongui-authorship-premium/premium/public/css/
  4. Save changes
  5. Purge all cache
  6. Done!
Excluding files from a CDN on Breeze
Was this article helpful to you? Yes No

How can we help?