By g.s on

I've done this 100 times before with another site so I know this is easy but I've been trying to edit my theme's style.css but the changes don't take effect. I know the syntax is right because the changes are so simple (e.g. changing font size: 1.1em to 2.1).

⋅ Categories: Drupal 6.x

Comments

greylogic’s picture

greylogic commented

Hi,

If you have enabled css aggregation(admin/settings/performance), then clear the old aggregated files.
Clear the browser cache or try pressing ctrl+F5 on the page where you want to see the change.

If you have enabled modules like smart cache, clear that too.. although clearing the aggregated css files should take care of that automatically.

--------------------------------------------------------------
My attempt with Drupal - Jaanlo.com

marcusthijm’s picture

marcusthijm commented
  • it should be 2.1em
  • are you sure your stylesheet isn't being overruled by some other stylesheet? Try making your style more specific. I mean instead of using p, use div#container div#content p, or something

How do you edit your stylesheet? Inside an FTP-client, or offline, etc.?

Anonymous’s picture

Anonymous (not verified) commented

Get Firebug and inspect the element. It will show the CSS properties of the element you hover over and also in what order the the different styles apply.

It is an absolutely essential tool.

----------
Deal Haus
SunriseWebDevelopment.com

g.s’s picture

g.s commented

That's how I decided what needed to be changed in the first place. I agree, Firebug is amazing.

The syntax is correct, it is "2.1em"

I'm editing #mission, that's specific enough to overrule any other stylesheets right?

I don't think I have css aggregation enabled...honestly, I don't really know how that works.

And I've been editing style.css offline then uploading it via FTP.

Anonymous’s picture

Anonymous (not verified) commented

#mission may be overridden by another rule with higher specificity. Per @emseenl you may need to prefix the id with a type selector (div#mission, p#mission).

When you're using Firebug, are you able to see the location of the rule (look for the link to the right of the rule descriptions)?

If you're totally stuck, go old-school: open up all the stylesheets associated with your theme and perform a Find for rule you want to change.

Good luck!

wfx’s picture

wfx commented

Are you modifying an existing theme for your site? If so you might have some content being controlled via template.php. Recently started using the Lightfantastic theme and in the midst of working on converting that site over I found there were certain classes I couldn't edit via the main stylesheets. Turned out to be some variables in my template file were overriding any CSS tweaks I was doing.

sgprs’s picture

sgprs commented

Hi,

I had a similar problem. Someone mentioned that maybe another file is overriding your style.css. This was the case in my issue.

Check out the system.css and default.css in your modules/system files. That's what I had to do. For me, some changes would take effect when modifying the style.css and template.css, but others didn't until I modded the system and default.css files.

I'm by no means an expert, but it seemed to work for me so give it a shot.

Good luck!

Chris