Your (child) theme’s style.css file, nine times out of ten. But not in this case.
Firebug tells you what file it’s found the rule in, in the right hand pane. Just to the right of the style rule you’re pointing to, there’s a link to the file in which Firebug has found the rule.
Unfortunately some plugins and stuff add style rules into the head of the PHP file (i.e. in header.php usually). Very often they do this via JavaScript so it’s really hard to override them since they come later in the cascade than anything you can put in a style sheet.
So the trick is to use specificity. This can be a bit of trial and error, but basically you are trying to define a style rule that your browser will consider to be of a higher specificity than the rule that’s being injected.
In this case, if you can’t add the style rule to the file that contains the rule and if that rule occurs after the rules in your (child theme’s) style sheet, you could try something like this in your (child theme’s) style sheet:
div#content div.page h2 {
/* your rules go here */
}
Don’t know if it’ll work, but it’s worth a try. If it doesn’t, you could try ever more specific rules…
Cheers
PAE
