A lot of the colors are written in an inline stylesheet (i.e., when the page is created) so you are not going to find a CSS file which contains them. Here’s how I would change them, though:
- Install a CSS plugin called Jetpack. This is how you will override the existing CSS. I actually prefer a different CSS plugin, but JetPack’s CSS file will get placed after Sugar & Spice’s inline stylesheet, so it will be easier to override existing rules.
- Use a web debugging tool like Firebug (a free extension for Firefox) or Chrome Developer Tools (comes built-in with Chrome) to see what the existing rule is for a particular element. For example, if you open your site in Chrome, right-click on a post title, and select Inspect element from the pop-up menu, then Chrome DevTools will open up in the bottom part of the browser. In the left pane will be a representation of your site’s structure, with the element being inspected highlighted. In the right pane will be the CSS rules which affect that element. If you understand CSS, you should be able to see a rule which has a color property that looks like this:
a, a:visited {
color:#36AB8A;
}
This is, of course, the rule which affects the color of links. All you would need to do to override this rule is to add this same rule through JetPack’s Custom CSS option, but changing the value for the color property like this:
a, a:visited {
color:#3333dd;
}
CSS rules of precedence states that when rules have identical selectors, or the selectors have the same specificity, the rule which comes last will have precedence over earlier rules. And since JetPack’s CSS file will come after Sugar & Spice’s inline stylesheet, you can just copy & paste the existing rule that you want to change.
