Standaard CSS-bestanden verwijderen of overschrijven

Soms is het nodig om standaard CSS-bestanden zoals system.css, defaults.css of system-menus.css te wijzigen of te verwijderen. We zouden deze bestanden direct kunnen aanpassen, maar bij een Drupal-update kunnen ze worden overschreven, waardoor al onze wijzigingen verloren gaan. Om dit te voorkomen, kun je deze bestanden uitsluiten uit de lijst met CSS die Drupal laadt. Als je bepaalde stijlen uit deze bestanden toch nodig hebt, kun je ze kopiëren naar style.css van je thema en daar bewerken. Zo blijft je aangepaste CSS-code behouden bij updates.

Maak in de map van je thema het bestand template.php aan (of open het als het al bestaat) en voeg de volgende code toe:

function phptemplate_preprocess_page(&$vars) {
  $css = $vars['css'];
  unset($css['all']['module']['modules/system/system.css']);
  unset($css['all']['module']['modules/system/defaults.css']);
  unset($css['all']['module']['modules/system/system-menus.css']);
  $vars['styles'] = drupal_get_css($css);
}

Nu kun je de CSS uit deze bestanden naar je eigen style.css kopiëren en daar bewerken.

Hetzelfde geldt voor de CSS-bestanden van de module Nice Menus, die vaak wordt gebruikt voor dropdownmenu’s. Het is beter om hun CSS in je style.css te beheren. Voeg de volgende code toe om de standaard CSS-bestanden van Nice Menus uit te schakelen:

function phptemplate_preprocess_page(&$vars) {
  $css = $vars['css'];
  unset($css['all']['module']['modules/system/system.css']);
  unset($css['all']['module']['modules/system/defaults.css']);
  unset($css['all']['module']['modules/system/system-menus.css']);
  unset($css['all']['module']['sites/all/modules/nice_menus/nice_menus.css']);
  unset($css['all']['module']['sites/all/modules/nice_menus/nice_menus_default.css']);
  $vars['styles'] = drupal_get_css($css);
}

Let op dat het pad nice_menus/nice_menus_default.css verwijst naar de map van de module Nice Menus — zonder versienummer in de mapnaam.