Add custom CSS and drupalcss to the Drupal 7 website

Add custom CSS and drupalcss to the Drupal 7 website

When we are visiting a chat room or forum, we often encounter questions about how to add custom CSS to the Drupal website. Generally, it is best to add a custom CSS with the Drupal topic. However, in some cases, you have to consider other methods because of Environment restrictions or the website administrator's permission to access the topic file.

This article introduces how to use the CSS Injector module to add custom CSS to the Drupal 7 website.

Both CSS Injector and CSS Editor can be used as temporary CSS addition and adjustment methods, but they should be added through the theme CSS file in the end)

 

Step 1: Install and enable the CSS Injector Module

Download this module from the CSS Injector project page

Go to the module Management page, find the CSS Injector module, and click the check box.

Drop down the page to the bottom and click Save to enable CSS Injector.

 

Step 2: add custom CSS

After the CSS Injector module is enabled, go to the "configuration> CSS Injector" Page and start to use CSS Injector. Click the Create a new rule link to add a new CSS rule.

After entering the title of the CSS rule and the CSS code, use Themes to show on to specify the theme that uses these CSS

By default, the added CSS will take effect for all pages. You can also select a page for the CSS to take effect as needed.

After entering all the content, click "save.

Original article title: add custom CSS for Drupal 7 website

Address: http://drupalct.org/drupal-theming/use-css-injector-add-custom-css-styles.html