How to modify Drupal 6 Garland CSS?
I am new to Drupal, have downloaded and play around with Drupal 5.5 a month ago, the CSS editing is quite easy to understand - by locating the file in: \files\color\garland..
Since then Drupal 6 launched, I was thinking might as well jump straight into this version. Enter Drupal 6. I try to edit the file located in: \sites\default\files\color\garland.. However, it doesn't have any effect. By reading the source code, I found out that the CSS file that actually take effect is located in: \sites\defaults\files\css. I proceed to edit the CSS file there, it works, but problem arises:
- whenever I enable/disable module, or make changes to the "theme", it rolls back to the default CSS setting. This I guess is because it has regenerated another new garland profile.
I think I have taken the wrong approach and edit the wrong CSS file.
Please help:
1) Which is the appropriate CSS file I should edit in order for my page to take effect and the setting will stay after I make changes to the "theme" or enable/disable modules?
2) can anyone explain abit on how does the CSS files located in: \sites\defaults\files\css associate with the master file, so that I can learn and grab a better picture of how this works?
Thanks very much for the help :)
You want to edit the
You want to edit the style.css of the particular theme you are adjusting. For Garland, goto themes/garland/style.css. This is the one CSS file that is added to every page, but only when a particular theme selected. Then you just change the CSS for each theme, then you will not mess with the styling in another theme. Also, if you ever need to find your CSS modifications, you always know they are in the style.css.
But, I recommend that if you are using a drupal default theme to duplicate the theme to sites/all/themes/garland-copy (you can change the path to what you want, but it is recommended to go into a sites and themes folder for good structure). If you modify the default style.css file, when you upgrade Drupal, the style.css will be changed back to it's default. So, when you do upgrade you don't have to worry about locating all your mods, you can just copy the garland-copy, upgrade Drupal, then paste the garland-copy back in.
-Craig Jackson
-Web Developer
I'm pretty sure a similar
I'm pretty sure a similar issue comes up in Drupal 5 too. See http://drupal.org/node/112456.
If you're making relatively minor changes to the CSS (i.e., tweaking a few things in Garland rather than totally changing it to create a new theme), a very useful module is Site Specific CSS. This lets you create your own CSS file where you can put the CSS changes you want to make. Doing it this way is more maintainable in the long run than making a complete copy of the Garland theme and editing that.
Only problem is... that module might not help you right at the moment, since it's only for Drupal 5 ;) However, it's a very simple module, so I'm sure that it can/will be easy to convert it to Drupal 6 soon.