I'm new to CSS customisation of my site. I've read the guides on this site and linked from WordPress, done a couple of tutorials and feel I understand the principles of making changes. But what the guides seem to miss out is working out which bits of the CSS file apply to the thing I'm trying to change. I've been using the "inspect element" option in Google Chrome, but it doesn't always seem straight forward. So my questions are:
- Is there a better way to identify which elements of the CSS file apply to the different elements of the page?
- The CSS file for Twenty Ten seems massive with some things being defined in several ways. Is this typical of themes? Or are there some themes that are much simpler?
All I really need to be able to do is change the font size and the colours - the page background, links, menu bar background, titles and text. I'm considering finding a simpler theme I can do that with, but think I'll be wasting my time if they're all developed in the same way.
Many thanks for your help! If I'm on the right lines, I'm happy to knuckle down and work it all out bit by bit :-)
PS - the URL is http://airadventuretandems.co.uk
The blog I need help with is airadventuretandems.co.uk.