WordPress plugin for Genesis child themes. Adds a 'no-js' body class to the front-end, and a small inline script that changes it to `js` if JavaScript is enabled. Allows for styling of elements (like potential hiding) if JavaScript is enabled.
Switch branches/tags
Nothing to show
Clone or download
GaryJones PHPCS: Refresh PHPCS + Composer
- PHPCS XSD (requires PHPCS 3.3.2)
- Composer normalized
- Home page URL updated in `composer.json`
- Neutron code standard added
- ObjectCalisthenics code standard removed
- WPCS 1.1
- Infection 0.10
- PHPCS comments
- PHPCS reports removed, other flags added
Latest commit 0ed650a Oct 16, 2018


Genesis JS / No JS

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


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. It uses the genesis_before hook supplied by Genesis, so it won't work for other themes.

The script is fairly small so does not block rendering of other content for any noticeable length of time.

Putting the script at the top 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.


Once this plugin is installed and activated, then it will work automatically. There are no options, and nothing to set-up.


  1. Download the latest tagged archive (choose the "zip" option).
  2. Go to the Plugins -> Add New screen and click the Upload tab.
  3. Upload the zipped archive directly.
  4. Go to the Plugins screen and click Activate.


  1. Download the latest tagged archive (choose the "zip" option).
  2. Unzip the archive.
  3. Copy the folder to your /wp-content/plugins/ directory.
  4. Go to the Plugins screen and click Activate.

Check out the Codex for more information about installing plugins manually.


Using git, browse to your /wp-content/plugins/ directory and clone this repository:

git clone git@github.com:GaryJones/genesis-js-no-js.git

Then go to your Plugins screen and click Activate.


composer require gamajo/genesis-js-no-js


This plugin supports the GitHub Updater plugin, so if you install that, this plugin becomes automatically updateable direct from GitHub.


Built by Gary Jones
Copyright 2011 Gamajo