{"id":25209804,"url":"https://github.com/backdrop-contrib/node_css","last_synced_at":"2026-05-06T17:32:22.412Z","repository":{"id":260396971,"uuid":"881185744","full_name":"backdrop-contrib/node_css","owner":"backdrop-contrib","description":"The Node CSS module for Backdrop CMS enables administrators to apply custom CSS to individual nodes by content type, allowing targeted styling without site-wide impact.","archived":false,"fork":false,"pushed_at":"2024-11-01T21:17:15.000Z","size":171,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":5,"default_branch":"1.x-1.x","last_synced_at":"2026-03-26T12:53:09.698Z","etag":null,"topics":["backdrop","backdropcms","cms","css","style","theme","theme-development"],"latest_commit_sha":null,"homepage":"https://backdropcms.org/project/node_css","language":"PHP","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"gpl-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/backdrop-contrib.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.txt","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-31T03:55:50.000Z","updated_at":"2024-11-01T21:13:40.000Z","dependencies_parsed_at":"2024-10-31T04:25:47.409Z","dependency_job_id":"c66e6943-0745-458c-9ec2-6f742d01a8c0","html_url":"https://github.com/backdrop-contrib/node_css","commit_stats":null,"previous_names":["backdrop-contrib/node_css"],"tags_count":3,"template":false,"template_full_name":null,"purl":"pkg:github/backdrop-contrib/node_css","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/backdrop-contrib%2Fnode_css","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/backdrop-contrib%2Fnode_css/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/backdrop-contrib%2Fnode_css/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/backdrop-contrib%2Fnode_css/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/backdrop-contrib","download_url":"https://codeload.github.com/backdrop-contrib/node_css/tar.gz/refs/heads/1.x-1.x","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/backdrop-contrib%2Fnode_css/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":32704311,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-06T08:33:17.875Z","status":"ssl_error","status_checked_at":"2026-05-06T08:33:17.221Z","response_time":117,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["backdrop","backdropcms","cms","css","style","theme","theme-development"],"created_at":"2025-02-10T13:18:35.921Z","updated_at":"2026-05-06T17:32:22.377Z","avatar_url":"https://github.com/backdrop-contrib.png","language":"PHP","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Node CSS Module\n\nThe **Node CSS** module for Backdrop CMS allows administrators to add custom CSS styles to individual nodes selectively based on content type. This module is perfect for users who want custom styling for specific node types without affecting the entire site.\n\n## Features\n\n- Add custom CSS directly to node forms.\n- Enable or disable custom CSS for individual content types.\n- CSS is added inline to the head of the page, applying only to specific nodes.\n\n## Installation\n\n1. Download and place the `node_css` module in your Backdrop `modules` directory, typically found in `sites/all/modules`.\n2. Go to `Admin \u003e Functionality \u003e Modules` in your Backdrop site.\n3. Enable the **Node CSS** module.\n\n## Configuration\n\n1. Navigate to `Admin \u003e Configuration \u003e Content \u003e Node CSS` to access the settings page.\n2. You will see a list of all content types as checkboxes. Select the content types you want the **Node CSS** functionality to be active for.\n3. Save your settings.\n\n## Usage\n\n1. After enabling **Node CSS** for a content type, go to the node edit form for a node of that type.\n2. You will see a **Custom CSS** textarea field at the top of the form.\n3. Enter your custom CSS for that node, then save the node.\n4. The CSS will be added inline to the head of the node’s page, applying only to that specific node.\n\n## Example\n\nIf you want to add a custom background color to a specific node of an enabled content type, add the following CSS to the **Custom CSS** field:\n\n```css\nbody {\n  background-color:  red !important;\n}\n```\nThis will apply a red background only to that specific node page.\n\n## Troubleshooting\n\nCSS may not apply as expected if there are conflicting styles or higher specificity from other stylesheets.\n\nBugs and Feature requests should be reported in the Issue Queue:\nhttps://github.com/backdrop-contrib/node_css/issues.\n\n## Maintainers\n\nThis module is maintained by [Alan Mels](https://github.com/alanmels) of [AltaGrade.com](https://www.altagrade.com) and is open to contributions. Please feel free to submit issues and feature requests.\n\n## Credits\n\nThis module introduces the CodeMirror CSS editor to enhance the editing experience, allowing custom CSS rules to be added directly on the node edit page. It is designed with simplicity in mind to meet the specific need of per-node CSS customization without the additional complexity of site-wide CSS management. We utilize CodeMirror's syntax highlighting and theme support to provide a more robust and user-friendly CSS editing environment.\n\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbackdrop-contrib%2Fnode_css","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbackdrop-contrib%2Fnode_css","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbackdrop-contrib%2Fnode_css/lists"}