Plugin Directory

Test out the new Plugin Directory and let us know what you think.

Genesis js / no-js

Make front-end styling easier for child themes on the Genesis Framework based on whether JavaScript is enabled or not.

What does this plugin actually do?

If you look at the source of a WordPress back-end page, you'll see it has a body class of no-js. Immediately after the opening body tag is a small script which replaces no-js with js (you can see the amended class with Firebug / Inspector).

WordPress uses this to apply different styles to the same elements, depending on whether JavaScript is present or not.

This plugin recreates the same effect, but for the front-end of Genesis Framework child themes.

Shouldn't the script be at the end of the page?

Usually, yes, but it's a fairly small script, so does not block rendering of other content for any noticeable length of time.

Doing it immediately also reduces a flash of incorrectly styled content, as the page does not load with no-js styles, then switch to js once everything has finished loading.

Requires: 3.0 or higher
Compatible up to: 4.6.0
Last Updated: 6 months ago
Active Installs: 70+


0 out of 5 stars


Got something to say? Need help?


Not enough data

0 people say it works.
0 people say it's broken.