PHPackages                             gamajo/genesis-js-no-js - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. gamajo/genesis-js-no-js

AbandonedArchivedWordpress-plugin[Utility & Helpers](/categories/utility)

gamajo/genesis-js-no-js
=======================

WordPress plugin for Genesis child themes to allow differing styles for elements if JavaScript is active or not.

3.2.1(8y ago)226633GPL-2.0+PHPPHP ^7.0

Since Aug 24Pushed 5y ago3 watchersCompare

[ Source](https://github.com/GaryJones/genesis-js-no-js)[ Packagist](https://packagist.org/packages/gamajo/genesis-js-no-js)[ Docs](https://github.com/GaryJones/genesis-js-no-js)[ RSS](/packages/gamajo-genesis-js-no-js/feed)WikiDiscussions master Synced 2w ago

READMEChangelog (9)Dependencies (10)Versions (7)Used By (0)

Genesis JS / No JS
==================

[](#genesis-js--no-js)

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

Description
-----------

[](#description)

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](http://genesis-theme-framework.com/) 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.

Installation
------------

[](#installation)

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

### Upload

[](#upload)

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**.

### Manual

[](#manual)

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](http://codex.wordpress.org/Managing_Plugins#Manual_Plugin_Installation).

### Git

[](#git)

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

[](#composer)

```
composer require gamajo/genesis-js-no-js
```

Updates
-------

[](#updates)

This plugin supports the [GitHub Updater](https://github.com/afragen/github-updater) plugin, so if you install that, this plugin becomes automatically updateable direct from GitHub.

Credits
-------

[](#credits)

Built by [Gary Jones](https://twitter.com/GaryJ)
Copyright 2011 [Gamajo](https://gamajo.com/)

###  Health Score

32

—

LowBetter than 69% of packages

Maintenance20

Infrequent updates — may be unmaintained

Popularity23

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 98.4% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~19 days

Total

6

Last Release

3134d ago

PHP version history (2 changes)3.0.0PHP ^7.1

3.1.0PHP ^7.0

### Community

Maintainers

![](https://www.gravatar.com/avatar/ba7751eebec0f74a4963e9a062f49e58222b97872bf193d95f0505f3df321d09?d=identicon)[GaryJones](/maintainers/GaryJones)

---

Top Contributors

[![GaryJones](https://avatars.githubusercontent.com/u/88371?v=4)](https://github.com/GaryJones "GaryJones (62 commits)")[![timothyjensen](https://avatars.githubusercontent.com/u/16006205?v=4)](https://github.com/timothyjensen "timothyjensen (1 commits)")

---

Tags

genesisgenesis-frameworkwordpresswordpress-pluginjavascriptgenesisgenesis-js-no-js

###  Code Quality

TestsPHPUnit

Code StylePHP\_CodeSniffer

### Embed Badge

![Health badge](/badges/gamajo-genesis-js-no-js/health.svg)

```
[![Health](https://phpackages.com/badges/gamajo-genesis-js-no-js/health.svg)](https://phpackages.com/packages/gamajo-genesis-js-no-js)
```

###  Alternatives

[helsingborg-stad/municipio

A bootstrap theme for creating municipality sites.

4028.3k10](/packages/helsingborg-stad-municipio)[mautic/core

Mautic Open Source Distribution

9.8k2.6k9](/packages/mautic-core)[mediawiki/maps

Adds various mapping features to MediaWiki

78149.7k3](/packages/mediawiki-maps)[civicrm/civicrm-drupal-8

Open source constituent relationship management for non-profits, NGOs and advocacy organizations.

19246.3k2](/packages/civicrm-civicrm-drupal-8)[altis/core

Core module for Altis

19222.5k2](/packages/altis-core)[humanmade/popup

An popup and tooltip dialog block utility, multiple trigger options, and supports anchor placements

146.6k](/packages/humanmade-popup)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)