how to disable drupal7 system css files?


Tags: css,views,drupal-7

Problem :

I've created a new view and changed some styles in view.css. But when I load the page, my styles are overridden by style.css and system.theme.css.

Is there a way to set my css "before" the system css?



Solution :

Add to your theme's template.php file:

function THEMENAME_css_alter(&$css) {
    unset($css[drupal_get_path('module','system').'/system.theme.css']);
    unset($css[drupal_get_path('module','system').'/system.base.css']);
    unset($css[drupal_get_path('module','system').'/system.menus.css']);
}

This is a pretty extreme option. In many instances you may want to just override with more specific CSS as Rory suggests. Or use a combination of the techniques.

solution from: http://drupal.org/node/592636#comment-4370580


    CSS Howto..

    How to make bootstrap 3 navbar not wrap

    How to create the block with round corners, which consists of three parts: top, content, bottom?

    How to set gulp autoprefixer that it will be prefix css when I save my project

    How can i prevent divs from moving while resizing the page

    How to apply texture to text with a shadow

    How to position the GWT dialog to the bottom right corner of the browser?

    how to show JS alert on open of each tab of the slider?

    How to use nth-child() but not for child in CSS?

    How to position text in a navigation “div.”

    How does CSS3 flexbox negative-flex work?

    How to make an image hover over another?

    How to render email template in a page?

    Jquery slider; made the container transparent, how do I hide the image overflow?

    How to apply CSS style for the current page link

    Messed up slides in custom minimal JS/CSS slideshow

    How to override a *{list style:none} property

    How to persist CSS changes with Chrome Developer Tools

    how to define style for a group of child elements from parent element's style?

    How to animate border transition expand with CSS?

    How can I do width = 100% - 100px in CSS?

    How to change text in the same area when hover over images with CSS?

    How to center images in div

    Stylized HR is not showing properly in IE

    CSS transform Scale translates the object, how to avoid this?

    How to hide Firefox context menu to show my own menu instead?

    How to Move Parent Div Position using css on hover

    How to alter ionic's nav-bar size?

    How to get the value of last assigned property in Sass or CSS?

    How to center without the
    tag using CSS?

    How to improve page loading which includes css and jquery files