Home kellton

Main navigation

  • Services
    • Digital Business Services
      • Digital Experience
        • Product Strategy & Consulting
        • Product Design
        • Product Management
      • Product Engineering
        • Digital Application Development
        • Mobile Engineering
        • IoT & Wearables Solutions
        • Quality Engineering
      • Data Engineering & AI
        • Data Engineering
        • Data Science & ML
        • Generative AI & ChatGPT
        • Visualisation & Analytics
        • Integration & API
        • RPA
      • Cloud Engineering
        • Cloud Consulting
        • Cloud Migration
        • Cloud Managed Services
        • DevSecOps
      • NextGen Services
        • Blockchain
        • Web3
        • Metaverse
    • SAP
      • SAP Services
        • S/4HANA Implementations
        • SAP AMS Support
        • SAP Automation
        • SAP Security & GRC
        • SAP Value Added Solutions
        • Other SAP Implementations
  • Platforms & Products
    • Kellton4Health
    • Kellton4NFT
    • Kellton4Commerce
    • KLGAME
    • tHRive
    • Optima
  • Industries
    • Fintech, Banking, Financial Services & Insurance
    • Retail, E-Commerce & Distribution
    • Pharma, Healthcare & Life Sciences
    • Non-Profit, Government & Education
    • Travel, Logistics & Hospitality
    • HiTech, SaaS, ISV & Communications
    • Manufacturing, Automotive & Chemicals
    • Oil,Gas & Mining
    • Energy & Utilities
  • Insights
    • Blogs
    • Brochures
    • Success Stories
    • News / Announcements
    • Webinars
    • White papers
  • Careers
    • Life At Kellton
    • Jobs
  • About
    • About Us
    • Our Partners
    • Our Leadership
    • Testimonials
    • Investors
    • Privacy-Policy
    • Contact Us
Search

Breadcrumb

  1. Home
  2. Blogs
  3. How to Add Extra CSS and JS to a Site in Drupal?

How to Add Extra CSS and JS to a Site in Drupal?

Data Engineering
September 26th , 2017
Posted By:
Kellton
linkedin
How to Add Extra CSS and JS to a Site in Drupal?

Related Post

Thumbnail - Why should you run SAP on AWS?
Why should you run SAP on AWS?
02 Jun, 2023
Mobile App Development Cost
How Much Does Mobile App Development Cost in 2023?
31 May, 2023
Drupal Development
5 Reasons why Drupal remains a top choice as a CMS
29 May, 2023

The drupal community relies heavily on leveraging Cascading Style Sheet (CSS) and JavaScript (JS) to increase page ranking in the search engines and provide visitors with a better user experience. As companies continue to consider page loading speed as an important factor, reducing load times is also key. The load times can be reduced by adding extra CSS style sheets and JavaScript files which decreases the size of a web page and delivers a better user experience.
 

How does our Module Works?

Multiple deployments for executing CSS or JS code on your Drupal site are possible with our module contributed to drupal.org. This is a light-weight module and does not use any third-party libraries.
 

Through this module, you can add two text areas—one for CSS and one for JS—in your Drupal site. Once these text areas have been added, there is no need to deploy any code as the module stores CSS and JavaScript as variables rather than as files. The saved CSS and JS remains in the system until you explicitly remove the code from module configuration.
 

Install in Easy Steps

For installing this module, you must follow the following steps:

  • Download the module from drupal.org
  • Upload the module to sites/all/modules
  • Enable the module
  • Flush the Drupal sites cache
  • Add CSS code

Drupal

  • Add JS code

Drupal

In order to further alter the module settings, users need to use the "administer extra css js" permission.

Setting-up the Module

After the module has been downloaded, the JS and CSS code is added by default to all themes in your Drupal site. If you want theme-specific CSS and JS then you need to perform the following steps:

  • Go to admin/config/content/extra-js-css-themes
  • Add themes’ name separated using comma e.g. bartik, gardin etc.

A Storm in a Tea Cup

  • This module adds inline CSS/JS rather than a CSS or a JS file.
  • CSS and JS once added by this module will be available for the entire site without the developer’s permission

The use of extra CSS and JS can prove profitable for your online business. However, after adding any kind of CSS and JS through this module for future deployments, it is recommended to send the code of CSS and JS by files and empty both the extra CSS and JS text area fields.

Posted By:
Kellton
linkedin

Want to know more?

third-party to first-party data strategy
Blog
Shifting from third-party to first-party data strategy to transform customer experience
28 Apr, 2023
Data Mesh Architecture
Blog
How Data Mesh helps you capture greater value from your data?
19 Apr, 2023
Thumbnail - What is multidomain master data management (MDM)
Blog
Explained: What is multidomain master data management (MDM)?
15 Mar, 2023

Leading you through Digital Transformation journey

North America: +1.844.469.8900

Asia: +91.124.469.8900

Europe: +44.203.807.6911

Email: ask@kellton.com

Footer menu right

  • Digital Experience
  • Data Engineering & AI
  • Nextgen Services
  • About
  • Contact

Footer Menu Left

  • Product Engineering
  • Cloud Engineering
  • SAP Services
  • Careers
  • Success Stories
clutch Badge
GoodFirms Badge

© 2023 Kellton