By winchendonsprings on

I have made changes to a css page I'm using and it made no effect. I've cleared my browses cache and also the sites. I also have css optimize disabled.

I've been reading documentation and doing searches but just can't figure it out.

I'm sure I'll realize this was a dumb question once I hear the answer.

⋅ Categories: Drupal 6.x

Comments

stevenc’s picture

stevenc commented

A few ideas:

1) Are you certain that the CSS file you modified is actually being served on the site? Look at the pages HTML source code and ensure that the
tag's "href" attribute is pointing to the exact file you are editing. If so, open the file directly in your browser and see if your changes are listed.

2) Make a very obvious and simple change to your CSS file and see if that is picked up. Sometimes I've gotten frustrated thinking that my CSS change wasn't showing, only to figure out that I had a typo in a class selector. For example, "body { font-size: 4em; }" will tell you quickly if the file is being loaded or not.

3) If you aren't already, use Firefox and install the "Web Developer" and "Firebug" add-ons. These are incredibly helpful for CSS development. Similar to the above, sometimes I've made a change that didn't show up, but the add-ons pointed out that my selectors had too low of specificity to override an existing Drupal selector.

---------------------------------
Steven Wright

Slalom

winchendonsprings’s picture

winchendonsprings commented

Thanks a lot stevenc. You were totally right with 1)

I was changing the css from root>themes>mytheme>css and the actual css file was inside root>sites>default>files>color>mytheme. I feel dumb.

Is this the common spot for images and files once you install a theme (or set to default)?

Also I swear by the WebDev toolbar and Firebug. I also love View Source Chart. I used to love Dust-me Selectors but using it on a drupal site is mumbojumbo, there's so many.

mikebann’s picture

mikebann commented

I use chromes development tools for finding css id's. It's great and give you a run down of all the different styles sheet and the hierachy of the various calls. It can make teh conveluted obvious because it lays it out in a clear way.